All files / src/pages/flowsheet-page/flowsheet/PropertiesSidebar/Connections AddPortButtons.tsx

92.85% Statements 13/14
75% Branches 3/4
100% Functions 4/4
100% Lines 13/13

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36              33x         223x 223x 2x     223x 223x   223x 539x 539x   539x 75x 2x           464x      
import { Button } from "@/ahuora-design-system/ui/button";
import {
    useAddPort
} from "@/hooks/connections";
import { ObjectType } from "../../../../../data/ObjectTypes.gen";
import { SimulationObjectRetrieveRead } from "../../../../../api/apiStore.gen";
 
export const AddPortButtons = ({ unitConfig, selectedObj }: { 
    unitConfig: ObjectType
    selectedObj: SimulationObjectRetrieveRead;
 }) => {
  //hook to add a port to a unit operation
  const addPort = useAddPort();
  const onPortAdd = (key: string) => {
    addPort(selectedObj.id, key);
  };
 
  Iif (!unitConfig?.ports) return null;
  const portKeys = Object.keys(unitConfig.ports);    
 
  return portKeys.map((key) => {
    const port = unitConfig.ports[key];
    const isPowerPort = port?.streamType === "energy_stream"
 
    if (port.many) {
      return (
        <Button key={key} onClick={() => onPortAdd(key)} variant="secondary">
          Add { isPowerPort ? "Connection" : key}
        </Button>
      );
    }
 
    return null;
  });
};