All files / src/pages/flowsheet-page/flowsheet/Canvas FlowsheetControls.tsx

100% Statements 12/12
77.77% Branches 7/9
100% Functions 1/1
100% Lines 7/7

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                      966x 1102x       966x       136x       1374x 1903x 2840x          
import { useSearchParam } from "@/hooks/searchParams";
import SolveButton from "../SolveButton";
import StreamTrackingControls from "./streamTracking/StreamTrackingControls";
import type { TrackedStreamSummary } from "./streamTracking/types";
 
type FlowsheetControlsProps = {
  trackedStreams?: TrackedStreamSummary[];
  onRemoveTrackedStream?: (sourceStreamId: number) => void;
  onClearTrackedStreams?: () => void;
};
 
const FlowsheetControls = ({
  trackedStreams = [],
  onRemoveTrackedStream,
  onClearTrackedStreams,
}: FlowsheetControlsProps) => {
  const [scenario] = useSearchParam("scenario");
 
  return (
    <div className="flex flex-row justify-between items-center h-10 shadow gap-1">
      <StreamTrackingControls
        trackedStreams={trackedStreams}
        onRemoveTrackedStream={onRemoveTrackedStream}
        onClearTrackedStreams={onClearTrackedStreams}
      />
      <SolveButton scenarioNumber={+scenario} className="h-full" />
    </div>
  );
};
 
export default FlowsheetControls;