diff --git a/protocol-designer/src/components/StepEditForm/forms/MagnetForm.tsx b/protocol-designer/src/components/StepEditForm/forms/MagnetForm.tsx index 7b546cc43d5..8873c10eb52 100644 --- a/protocol-designer/src/components/StepEditForm/forms/MagnetForm.tsx +++ b/protocol-designer/src/components/StepEditForm/forms/MagnetForm.tsx @@ -59,7 +59,9 @@ export const MagnetForm = (props: StepFormProps): JSX.Element => { {...propsForFields.magnetAction} options={[ { - name: t('step_edit_form.field.magnetAction.options.engage'), + name: t( + 'form:step_edit_form.field.magnetAction.options.engage' + ), value: 'engage', }, ]} @@ -68,7 +70,9 @@ export const MagnetForm = (props: StepFormProps): JSX.Element => { {...propsForFields.magnetAction} options={[ { - name: t('step_edit_form.field.magnetAction.options.disengage'), + name: t( + 'form:step_edit_form.field.magnetAction.options.disengage' + ), value: 'disengage', }, ]} @@ -76,7 +80,7 @@ export const MagnetForm = (props: StepFormProps): JSX.Element => { {magnetAction === 'engage' && ( { {...propsForFields.useGripper} disabled={!isGripperAttached} label={t('form:step_edit_form.field.useGripper.label')} + tooltipContent={null} /> diff --git a/protocol-designer/src/components/modals/CreateFileWizard/PipetteTipsTile.tsx b/protocol-designer/src/components/modals/CreateFileWizard/PipetteTipsTile.tsx index 93e4f6969c9..cbe4075b3e3 100644 --- a/protocol-designer/src/components/modals/CreateFileWizard/PipetteTipsTile.tsx +++ b/protocol-designer/src/components/modals/CreateFileWizard/PipetteTipsTile.tsx @@ -276,7 +276,7 @@ function PipetteTipsField(props: PipetteTipsFieldProps): JSX.Element | null { backgroundColor={COLORS.grey35} padding={SPACING.spacing8} border={BORDERS.lineBorder} - borderRadius={BORDERS.borderRadiusFull} + borderRadius={BORDERS.borderRadius16} > { // TODO(jr, 8/31/23): this is a bit hacky since the TCGEN2 slot is only B1 instead of B1 and A1 // so we have to manually check if slot A1 has issues as well as looking at selectedSlot // this probably deserves a more elegant refactor - (selectedModel === THERMOCYCLER_MODULE_V2 && hasSlotIssue('A1')) || - hasSlotIssue(selectedSlot) + selectedModel === THERMOCYCLER_MODULE_V2 && + hasSlotIssue('A1') ) { + errors.selectedSlot = t('module_placement.SLOT_OCCUPIED_TC.body', { + selectedSlot, + }) + } else if (hasSlotIssue(selectedSlot)) { errors.selectedSlot = t('module_placement.SLOT_OCCUPIED.body', { selectedSlot, }) @@ -342,68 +346,68 @@ const EditModulesModalComponent = ( height="3.125rem" alignItems={ALIGN_CENTER} > - - - - + + + + + + + {showSlotOption && ( + <> + {!enableSlotSelection && ( + {slotOptionTooltip} )} - field={field} - fieldState={fieldState} - /> - - - {showSlotOption && ( - <> - {!enableSlotSelection && ( - {slotOptionTooltip} - )} - - - - ( - - )} - /> - - - - - )} + + + + ( + + )} + /> + + + + + )} + + + {slotIssue ? ( + + ) : null} + - - {slotIssue ? ( - - ) : null} - {robotType === OT2_ROBOT_TYPE ? ( diff --git a/protocol-designer/src/components/modals/FilePipettesModal/FilePipettesModal.module.css b/protocol-designer/src/components/modals/FilePipettesModal/FilePipettesModal.module.css index 3547801aff5..abe91d7eb6c 100644 --- a/protocol-designer/src/components/modals/FilePipettesModal/FilePipettesModal.module.css +++ b/protocol-designer/src/components/modals/FilePipettesModal/FilePipettesModal.module.css @@ -22,7 +22,7 @@ .new_file_modal { line-height: 1.5; - height: 100%; + max-height: 100%; padding: 2rem; min-height: 38rem;