Add jungfrau do darks

Author: noemifrisina

src/components/Extruder/CollectionSetupEx.tsx

@@ -1,4 +1,4 @@
-import { Box, Button, Grid2, Stack } from "@mui/material";
+import { Box, Grid2, Stack } from "@mui/material";
 import React from "react";
 import { ParameterInput } from "../ParameterInputs";
 import {
@@ -7,7 +7,6 @@ import {
   PumpProbeSetup,
 } from "./PumpProbeSelection";
 import { AbortButton, RunPlanButton } from "../../blueapi/BlueapiComponents";
-import { DetailsRounded } from "@mui/icons-material";
 
 /**Main collection input window for the extruderpanel. */
 export function CollectionSetupEx() {

src/components/JungFrau/CollectDarksPanel.tsx

@@ -0,0 +1,69 @@
+import {
+  Box,
+  Button,
+  Card,
+  CardContent,
+  Stack,
+  Typography,
+  useTheme,
+} from "@mui/material";
+import React from "react";
+import { ParameterInput } from "../ParameterInputs";
+import { RunPlanButton } from "../../blueapi/BlueapiComponents";
+
+export function CollectDarksPanel() {
+  const theme = useTheme();
+  const [expTime, setExpTime] = React.useState<number>(0.001);
+  const [pedestalFrames, setPedestalFrames] = React.useState<number>(20);
+  const [pedestalLoops, setPedestalLoops] = React.useState<number>(200);
+  //   const [filePath, setFilePath] = React.useState<string>("");
+  return (
+    <Box sx={{ flexGrow: 1, marginLeft: 15, marginRight: 5 }}>
+      <Card variant="outlined" sx={{ minWidth: 300, minHeight: 600 }}>
+        <CardContent>
+          <Typography
+            variant="h2"
+            sx={{
+              color: theme.palette.primary.contrastText,
+              fontSize: 24,
+              fontWeight: "fontWeightBold",
+            }}
+          >
+            Collect darks
+          </Typography>
+          <Stack spacing={1} margin={2} alignContent={"center"}>
+            <ParameterInput
+              value={expTime}
+              onSet={setExpTime}
+              label="Exposure time (s)"
+              tooltip="Set exposure time for darks collection."
+            />
+            <ParameterInput
+              value={pedestalFrames}
+              onSet={setPedestalFrames}
+              label="Pedestal frames"
+              tooltip="Number of pedestal frames to collect."
+            />
+            <ParameterInput
+              value={pedestalLoops}
+              onSet={setPedestalLoops}
+              label="Pedestal loops"
+              tooltip="Number of pedestal loops."
+            />
+          </Stack>
+          <RunPlanButton
+            btnLabel="Pedestal darks"
+            planName="do_pedestal_darks"
+            planParams={{
+              exp_time_s: expTime,
+              pedestal_frame: pedestalFrames,
+              pedestal_loops: pedestalLoops,
+            }}
+            title="Collect pedestal darks"
+            btnSize="large"
+          />
+        </CardContent>
+      </Card>
+    </Box>
+  );
+}

src/routes/JungfrauRotation.tsx

@@ -1,4 +1,6 @@
-import { Box, Typography, useTheme } from "@mui/material";
+import { Box, Grid2, Typography, useTheme } from "@mui/material";
+import { ParamsPanel } from "../screens/CollectionPanel";
+import { CollectDarksPanel } from "../components/JungFrau/CollectDarksPanel";
 
 export function JfRotation() {
   const theme = useTheme();
@@ -14,6 +16,12 @@ export function JfRotation() {
       >
         Jungfrau Rotation Scans Setup
       </Typography>
+      <Grid2 container marginTop={2} spacing={2}>
+        <Grid2 size={5}>
+          <CollectDarksPanel />
+        </Grid2>
+        <ParamsPanel expt="jf" />
+      </Grid2>
     </Box>
   );
 }

src/screens/CollectionPanel.tsx

@@ -3,7 +3,7 @@ import { CollectionSetupFt } from "../components/FixedTarget/CollectionSetupFt";
 import { CollectionSetupEx } from "../components/Extruder/CollectionSetupEx";
 
 type ExptType = {
-  expt: "extruder" | "fixed-target";
+  expt: "extruder" | "fixed-target" | "jf";
 };
 
 function FallbackScreen() {
@@ -22,6 +22,7 @@ export function ParamsPanel(expt: ExptType) {
       return <CollectionSetupFt />;
     case "extruder":
       return <CollectionSetupEx />;
+    case "jf":
     default:
       return <FallbackScreen />;
   }