Skip to content

Commit

Permalink
fix(app): remove body text on module calibration in progress (#14564)
Browse files Browse the repository at this point in the history
fix(app): remove body text on module calibration in progress

closes RQA-2320
  • Loading branch information
ncdiehl11 authored Feb 29, 2024
1 parent d792317 commit 41c7af5
Showing 1 changed file with 3 additions and 52 deletions.
55 changes: 3 additions & 52 deletions app/src/organisms/ModuleWizardFlows/AttachProbe.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand All @@ -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} {
Expand All @@ -57,7 +41,6 @@ export const AttachProbe = (props: AttachProbeProps): JSX.Element | null => {
isRobotMoving,
attachedModule,
attachedPipette,
isExiting,
isOnDevice,
slotName,
} = props
Expand All @@ -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) {
Expand Down Expand Up @@ -107,22 +88,6 @@ export const AttachProbe = (props: AttachProbeProps): JSX.Element | null => {
</Flex>
)

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 = (
<>
<StyledText css={BODY_STYLE}>
Expand Down Expand Up @@ -192,22 +157,8 @@ export const AttachProbe = (props: AttachProbeProps): JSX.Element | null => {
<InProgressModal
// TODO ND: 9/6/23 use spinner until animations are made
alternativeSpinner={null}
description={
isExiting
? t('stand_back')
: t('module_calibrating', {
moduleName: moduleDisplayName,
})
}
>
{isExiting ? undefined : (
<Flex marginX={isOnDevice ? '4.5rem' : '8.5625rem'}>
<StyledText css={IN_PROGRESS_STYLE}>
{moduleCalibratingDisplay}
</StyledText>
</Flex>
)}
</InProgressModal>
description={t('stand_back')}
/>
)
// TODO: add calibration loading screen and error screen
else
Expand Down

0 comments on commit 41c7af5

Please sign in to comment.