From 41c7af5db6df76d143fa182384705949c9a9b5f6 Mon Sep 17 00:00:00 2001 From: Nick Diehl <47604184+ncdiehl11@users.noreply.github.com> Date: Thu, 29 Feb 2024 15:28:47 -0500 Subject: [PATCH] fix(app): remove body text on module calibration in progress (#14564) fix(app): remove body text on module calibration in progress closes RQA-2320 --- .../ModuleWizardFlows/AttachProbe.tsx | 55 +------------------ 1 file changed, 3 insertions(+), 52 deletions(-) diff --git a/app/src/organisms/ModuleWizardFlows/AttachProbe.tsx b/app/src/organisms/ModuleWizardFlows/AttachProbe.tsx index 67071792fe2..05f8f2a01c5 100644 --- a/app/src/organisms/ModuleWizardFlows/AttachProbe.tsx +++ b/app/src/organisms/ModuleWizardFlows/AttachProbe.tsx @@ -5,12 +5,7 @@ import attachProbe8 from '../../assets/videos/pipette-wizard-flows/Pipette_Attac import attachProbe96 from '../../assets/videos/pipette-wizard-flows/Pipette_Attach_Probe_96.webm' import { Trans, useTranslation } from 'react-i18next' import { useDeckConfigurationQuery } from '@opentrons/react-api-client' -import { WASTE_CHUTE_CUTOUT, CreateCommand } from '@opentrons/shared-data' -import { - LEFT, - THERMOCYCLER_MODULE_MODELS, -} from '@opentrons/shared-data/js/constants' -import { getModuleDisplayName } from '@opentrons/shared-data/js/modules' +import { WASTE_CHUTE_CUTOUT, CreateCommand, LEFT } from '@opentrons/shared-data' import { InProgressModal } from '../../molecules/InProgressModal/InProgressModal' import { Flex, @@ -25,20 +20,9 @@ import { GenericWizardTile } from '../../molecules/GenericWizardTile' import type { ModuleCalibrationWizardStepProps } from './types' interface AttachProbeProps extends ModuleCalibrationWizardStepProps { - isExiting: boolean adapterId: string | null } -const IN_PROGRESS_STYLE = css` - ${TYPOGRAPHY.pRegular}; - text-align: ${TYPOGRAPHY.textAlignCenter}; - - @media ${RESPONSIVENESS.touchscreenMediaQuerySpecs} { - font-size: ${TYPOGRAPHY.fontSize28}; - line-height: 1.625rem; - margin-top: ${SPACING.spacing4}; - } -` const BODY_STYLE = css` ${TYPOGRAPHY.pRegular}; @media ${RESPONSIVENESS.touchscreenMediaQuerySpecs} { @@ -57,7 +41,6 @@ export const AttachProbe = (props: AttachProbeProps): JSX.Element | null => { isRobotMoving, attachedModule, attachedPipette, - isExiting, isOnDevice, slotName, } = props @@ -66,8 +49,6 @@ export const AttachProbe = (props: AttachProbeProps): JSX.Element | null => { 'pipette_wizard_flows', ]) - const moduleDisplayName = getModuleDisplayName(attachedModule.moduleModel) - const attachedPipetteChannels = attachedPipette.data.channels let pipetteAttachProbeVideoSource, probeLocation switch (attachedPipetteChannels) { @@ -107,22 +88,6 @@ export const AttachProbe = (props: AttachProbeProps): JSX.Element | null => { ) - let moduleCalibratingDisplay - if ( - THERMOCYCLER_MODULE_MODELS.some( - model => model === attachedModule.moduleModel - ) - ) { - moduleCalibratingDisplay = t('calibration_probe_touching', { - module: moduleDisplayName, - slotName: slotName, - }) - } else { - moduleCalibratingDisplay = t('calibration_probe_touching', { - module: moduleDisplayName, - }) - } - const bodyText = ( <> @@ -192,22 +157,8 @@ export const AttachProbe = (props: AttachProbeProps): JSX.Element | null => { - {isExiting ? undefined : ( - - - {moduleCalibratingDisplay} - - - )} - + description={t('stand_back')} + /> ) // TODO: add calibration loading screen and error screen else