feat(protocol-designer): add flex slot labels to protocol designer de…

…ck map adds flex slot labels to protocol designer deck setup map closes RAUT-526
Opentrons · Jul 5, 2023 · 4f67c98 · 4f67c98
1 parent 8280fb0
commit 4f67c98
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/protocol-designer/src/components/DeckSetup/index.tsx b/protocol-designer/src/components/DeckSetup/index.tsx
@@ -11,6 +11,7 @@ import {
   TEXT_TRANSFORM_UPPERCASE,
   RobotWorkSpaceRenderProps,
   Module,
+  SlotLabels,
 } from '@opentrons/components'
 import {
   MODULES_WITH_COLLISION_ISSUES,
@@ -457,17 +458,20 @@ export const DeckSetup = (): JSX.Element => {
           height="100%"
         >
           {({ deckSlotsById, getRobotCoordsFromDOMCoords }) => (
-            <DeckSetupContents
-              robotType={robotType}
-              activeDeckSetup={activeDeckSetup}
-              selectedTerminalItemId={selectedTerminalItemId}
-              {...{
-                deckDef,
-                deckSlotsById,
-                getRobotCoordsFromDOMCoords,
-                showGen1MultichannelCollisionWarnings,
-              }}
-            />
+            <>
+              <DeckSetupContents
+                robotType={robotType}
+                activeDeckSetup={activeDeckSetup}
+                selectedTerminalItemId={selectedTerminalItemId}
+                {...{
+                  deckDef,
+                  deckSlotsById,
+                  getRobotCoordsFromDOMCoords,
+                  showGen1MultichannelCollisionWarnings,
+                }}
+              />
+              <SlotLabels robotType={robotType} />
+            </>
           )}
         </RobotWorkSpace>
       </div>