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;
|