From e2a2894059cb2616b14d6bd722a0a332da1fbc5f Mon Sep 17 00:00:00 2001
From: Jethary <jethary@opentrons.com>
Date: Tue, 9 Apr 2024 15:14:54 -0400
Subject: [PATCH] render none

---
 components/src/instrument/InstrumentInfo.tsx  | 22 +++++++++++--------
 .../__tests__/InstrumentInfo.test.tsx         |  6 +++++
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/components/src/instrument/InstrumentInfo.tsx b/components/src/instrument/InstrumentInfo.tsx
index ff0d1dd23cc..435c22c0c5b 100644
--- a/components/src/instrument/InstrumentInfo.tsx
+++ b/components/src/instrument/InstrumentInfo.tsx
@@ -71,15 +71,19 @@ export function InstrumentInfo(props: InstrumentInfoProps): JSX.Element {
             Tip rack
           </StyledText>
           <ul>
-            {tiprackModels != null
-              ? tiprackModels.map((model, index) => (
-                  <li key={`${model}_${index}`}>
-                    <StyledText as="p" width="max-content" maxWidth="14rem">
-                      {model}
-                    </StyledText>
-                  </li>
-                ))
-              : null}
+            {tiprackModels != null ? (
+              tiprackModels.map((model, index) => (
+                <li key={`${model}_${index}`}>
+                  <StyledText as="p" width="max-content" maxWidth="14rem">
+                    {model}
+                  </StyledText>
+                </li>
+              ))
+            ) : (
+              <StyledText as="p" width="max-content" maxWidth="14rem">
+                None
+              </StyledText>
+            )}
           </ul>
         </Flex>
       </Flex>
diff --git a/components/src/instrument/__tests__/InstrumentInfo.test.tsx b/components/src/instrument/__tests__/InstrumentInfo.test.tsx
index dcd02e66545..bf92c48d4cb 100644
--- a/components/src/instrument/__tests__/InstrumentInfo.test.tsx
+++ b/components/src/instrument/__tests__/InstrumentInfo.test.tsx
@@ -45,4 +45,10 @@ describe('InstrumentInfo', () => {
     screen.getByText('Tip rack')
     screen.getByText('mock1')
   })
+  it('renders none for pip and tiprack if none are selected', () => {
+    props.pipetteSpecs = undefined
+    props.tiprackModels = undefined
+    render(props)
+    screen.getByText('None')
+  })
 })