fix(protocol-designer): fix text display condition in select modules …

…and select fixtures (#16361) * fix(protocol-designer): fix text display condition in select modules and select fixtures
Opentrons · Sep 27, 2024 · e3c39e7 · e3c39e7
1 parent d8a5a0e
commit e3c39e7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/protocol-designer/src/assets/localization/en/create_new_protocol.json b/protocol-designer/src/assets/localization/en/create_new_protocol.json
@@ -40,7 +40,7 @@
   "vol_label": "{{volume}} uL",
   "wasteChute": "Waste Chute",
   "which_fixtures": "Which fixtures will you be using?",
-  "which_mods": "Select modules to use in your protocol.",
+  "which_modules": "Select modules to use in your protocol.",
   "which_pipette": "Pick your first pipette. If you need a second pipette, you can add it next.",
   "your_pips": "Your pipettes"
 }
diff --git a/protocol-designer/src/pages/CreateNewProtocolWizard/SelectFixtures.tsx b/protocol-designer/src/pages/CreateNewProtocolWizard/SelectFixtures.tsx
@@ -81,10 +81,11 @@ export function SelectFixtures(props: WizardTileProps): JSX.Element | null {
       >
         <Flex flexDirection={DIRECTION_COLUMN} gridGap={SPACING.spacing32}>
           <Flex flexDirection={DIRECTION_COLUMN} gridGap={SPACING.spacing12}>
-            <StyledText desktopStyle="headingSmallBold">
-              {t('which_fixtures')}
-            </StyledText>
-
+            {filteredAdditionalEquipment.length > 0 ? (
+              <StyledText desktopStyle="headingSmallBold">
+                {t('which_fixtures')}
+              </StyledText>
+            ) : null}
             <Flex gridGap={SPACING.spacing4} flexWrap={WRAP}>
               {filteredAdditionalEquipment.map(equipment => (
                 <EmptySelectorButton

diff --git a/protocol-designer/src/pages/CreateNewProtocolWizard/SelectModules.tsx b/protocol-designer/src/pages/CreateNewProtocolWizard/SelectModules.tsx
@@ -111,9 +111,14 @@ export function SelectModules(props: WizardTileProps): JSX.Element | null {
       >
         <Flex flexDirection={DIRECTION_COLUMN}>
           <Flex flexDirection={DIRECTION_COLUMN} gridGap={SPACING.spacing12}>
-            {filteredSupportedModules.length > 0 ? (
+            {(filteredSupportedModules.length > 0 && enableAbsorbanceReader) ||
+            // note (kk:09/26/2024) the condition for absorbanceReaderV1 will be removed when ff is removed
+            !(
+              filteredSupportedModules.length === 1 &&
+              filteredSupportedModules[0] === 'absorbanceReaderV1'
+            ) ? (
               <StyledText desktopStyle="headingSmallBold">
-                {t('which_mods')}
+                {t('which_modules')}
               </StyledText>
             ) : null}
             <Flex gridGap={SPACING.spacing4} flexWrap={WRAP}>