fix(app): fix module calibration wizard copy (#14192)

* fix(app): fix module calibration wizard copy

Author: koji

app/src/assets/localization/en/module_wizard_flows.json

@@ -19,9 +19,11 @@
   "error_during_calibration": "Error during calibration",
   "error_prepping_module": "Error prepping module for calibration",
   "exit": "Exit",
-  "firmware_updated": "{{module}} firmware updated!",
   "firmware_up_to_date": "{{module}} firmware up to date.",
+  "firmware_updated": "{{module}} firmware updated!",
   "get_started": "<block>To get started, remove labware from the deck and clean up the working area to make the calibration easier. Also gather the needed equipment shown to the right.</block><block>The calibration adapter came with your module. The pipette probe came with your Flex pipette.</block>",
+  "install_adapter": "Place calibration adapter in {{module}}",
+  "install_calibration_adapter": "Install calibration adapter",
   "module_calibrating": "Stand back, {{moduleName}} is calibrating",
   "module_calibration_failed": "The module calibration could not be completed. Contact customer support for assistance.",
   "module_calibration": "Module calibration",
@@ -30,14 +32,15 @@
   "move_gantry_to_front": "Move gantry to front",
   "next": "Next",
   "pipette_probe": "Pipette probe",
-  "install_adapter": "Place calibration adapter in {{module}}",
+  "place_flush_heater_shaker": "Place the adapter flush on the top of the module. Secure the adapter to the module with a thermal adapter screw and T10 Torx screwdriver.",
+  "place_flush_thermocycler": "Ensure the Thermocycler lid is open and place the adapter flush on top of the module where the labware would normally go. ",
   "place_flush": "Place the adapter flush on top of the module.",
   "prepping_module": "Prepping {{module}} for module calibration",
   "recalibrate": "Recalibrate",
   "select_location": "Select module location",
   "select_the_slot": "Select the slot where you installed the {{module}} on the deck map to the right. The location must be correct for successful calibration.",
-  "stand_back": "Stand back, calibration in progress",
   "stand_back_exiting": "Stand back, robot is in motion",
+  "stand_back": "Stand back, calibration in progress",
   "start_setup": "Start setup",
   "successfully_calibrated": "{{module}} successfully calibrated"
 }

app/src/organisms/ModuleWizardFlows/PlaceAdapter.tsx

@@ -18,6 +18,8 @@ import {
   CreateCommand,
   getCalibrationAdapterLoadName,
   getModuleDisplayName,
+  HEATERSHAKER_MODULE_TYPE,
+  THERMOCYCLER_MODULE_TYPE,
 } from '@opentrons/shared-data'
 
 import { StyledText } from '../../atoms/text'
@@ -59,7 +61,6 @@ export const PlaceAdapter = (props: PlaceAdapterProps): JSX.Element | null => {
     isRobotMoving,
   } = props
   const { t } = useTranslation('module_wizard_flows')
-  const moduleName = getModuleDisplayName(attachedModule.moduleModel)
   const mount = attachedPipette.mount
   const handleOnClick = (): void => {
     const calibrationAdapterLoadName = getCalibrationAdapterLoadName(
@@ -109,9 +110,18 @@ export const PlaceAdapter = (props: PlaceAdapterProps): JSX.Element | null => {
       .catch((e: Error) => setErrorMessage(e.message))
   }
 
-  const bodyText = (
-    <StyledText css={BODY_STYLE}>{t('place_flush', { moduleName })}</StyledText>
-  )
+  const moduleType = attachedModule.moduleType
+  let bodyText = <StyledText css={BODY_STYLE}>{t('place_flush')}</StyledText>
+  if (moduleType === HEATERSHAKER_MODULE_TYPE) {
+    bodyText = (
+      <StyledText css={BODY_STYLE}>{t('place_flush_heater_shaker')}</StyledText>
+    )
+  }
+  if (moduleType === THERMOCYCLER_MODULE_TYPE) {
+    bodyText = (
+      <StyledText css={BODY_STYLE}>{t('place_flush_thermocycler')}</StyledText>
+    )
+  }
 
   const moduleDisplayName = getModuleDisplayName(attachedModule.moduleModel)
   const isInLeftSlot = LEFT_SLOTS.some(slot => slot === slotName)
@@ -171,7 +181,11 @@ export const PlaceAdapter = (props: PlaceAdapterProps): JSX.Element | null => {
     )
   return (
     <GenericWizardTile
-      header={t('install_adapter', { module: moduleDisplayName })}
+      header={
+        moduleType === HEATERSHAKER_MODULE_TYPE
+          ? t('install_calibration_adapter')
+          : t('install_adapter', { module: moduleDisplayName })
+      }
       rightHandBody={placeAdapterVid}
       bodyText={bodyText}
       proceedButtonText={t('confirm_placement')}