feat(protocol-designer): add thermocycler form profile cycle function…

…ality (#16418) Adds the ability to program thermocycler profile cycle steps and wires up to thermocycler step form. TODO: add tests Closes AUTH-810
Opentrons · Oct 4, 2024 · 12ebf27 · 12ebf27
1 parent 1a73679
commit 12ebf27
Show file tree

Hide file tree

Showing 6 changed files with 626 additions and 30 deletions.
diff --git a/protocol-designer/src/assets/localization/en/form.json b/protocol-designer/src/assets/localization/en/form.json
@@ -186,8 +186,9 @@
         "add_cycle_step": "Add a cycle step",
         "add_step": "Add step",
         "add_step_button": "+ Step",
+        "cycle": "cycle",
         "cycle_step": "cycle step",
-        "cycles": "Cycles {{repetitions}}",
+        "cycles": "Cycles {{repetitions}}x",
         "delete": "delete",
         "edit": "Edit Thermocycler profile steps",
         "lid_closed": "Closed",

diff --git a/protocol-designer/src/pages/Designer/ProtocolSteps/StepForm/StepFormToolbox.tsx b/protocol-designer/src/pages/Designer/ProtocolSteps/StepForm/StepFormToolbox.tsx
@@ -90,7 +90,13 @@ export function StepFormToolbox(props: StepFormToolboxProps): JSX.Element {
     getTimelineWarningsForSelectedStep
   )
   const timeline = useSelector(getRobotStateTimeline)
-  const [toolboxStep, setToolboxStep] = useState<number>(0)
+  const [toolboxStep, setToolboxStep] = useState<number>(
+    // progress to step 2 if thermocycler form is populated
+    formData.thermocyclerFormType === 'thermocyclerProfile' ||
+      formData.thermocyclerFormType === 'thermocyclerState'
+      ? 1
+      : 0
+  )
   const icon = stepIconsByType[formData.stepType]
 
   const ToolsComponent: typeof STEP_FORM_MAP[keyof typeof STEP_FORM_MAP] = get(