Merge pull request #87 from jasonmadigan/pf-topology

Patternfly Topology

package.json

@@ -92,10 +92,10 @@
  "@babel/preset-react": "^7.24.7",
  "@patternfly/react-code-editor": "^5.4.0",
  "@patternfly/react-table": "^5.3.3",
+ "@patternfly/react-topology": "^5.4.0",
  "babel-loader": "^8.2.0",
  "graphlib": "^2.1.8",
- "graphlib-dot": "^0.6.4",
- "react-policy-topology": "^0.1.10"
+ "graphlib-dot": "^0.6.4"
  },
  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/components/DropdownWithKebab.tsx

@@ -1,6 +1,14 @@
 import * as React from 'react';
 import { EllipsisVIcon } from '@patternfly/react-icons';
-import { Dropdown, DropdownItem, DropdownList, MenuToggle, MenuToggleElement, Button, ButtonVariant } from '@patternfly/react-core';
+import {
+ Dropdown,
+ DropdownItem,
+ DropdownList,
+ MenuToggle,
+ MenuToggleElement,
+ Button,
+ ButtonVariant,
+} from '@patternfly/react-core';
 import { Modal, ModalBody, ModalFooter, ModalHeader } from '@patternfly/react-core/next';
 import { k8sDelete, K8sResourceCommon } from '@openshift-console/dynamic-plugin-sdk';
 import getModelFromResource from '../utils/getModelFromResource'; // Assume you have a utility for getting the model from the resource
@@ -40,7 +48,10 @@ const DropdownWithKebab: React.FC<DropdownWithKebabProps> = ({ obj }) => {
  setIsDeleteModalOpen(true);
  };
 
- const onSelect = (_event: React.MouseEvent<Element, MouseEvent> | undefined, value: string | number | undefined) => {
+ const onSelect = (
+ _event: React.MouseEvent<Element, MouseEvent> | undefined,
+ value: string | number | undefined,
+ ) => {
  setIsOpen(false);
  if (value === 'delete') {
  onDeleteClick();
@@ -90,7 +101,11 @@ const DropdownWithKebab: React.FC<DropdownWithKebabProps> = ({ obj }) => {
  <Button key="confirm" variant={ButtonVariant.danger} onClick={onDeleteConfirm}>
  Delete
  </Button>
- <Button key="cancel" variant={ButtonVariant.link} onClick={() => setIsDeleteModalOpen(false)}>
+ <Button
+ key="cancel"
+ variant={ButtonVariant.link}
+ onClick={() => setIsDeleteModalOpen(false)}
+ >
  Cancel
  </Button>
  </ModalFooter>