From 349598885dbb7b95b8e7df653a3ece9bb28d1266 Mon Sep 17 00:00:00 2001
From: Evan Sosenko <evan@getseam.com>
Date: Mon, 30 Oct 2023 15:44:56 -0700
Subject: [PATCH] fix: Hide main_connection_type when unknown

---
 .../SupportedDeviceTable/SupportedDeviceRow.tsx           | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx b/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx
index 70ab8af5d..0bf427543 100644
--- a/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx
+++ b/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx
@@ -39,6 +39,10 @@ export function ModelColumn({
   deviceModel,
 }: SupportedDeviceRowProps): JSX.Element {
   const sku = deviceModel.aesthetic_variants[0]?.manufacturer_sku
+  const connection =
+    deviceModel.main_connection_type === 'unknown'
+      ? null
+      : deviceModel.main_connection_type
   return (
     <div className='seam-col seam-model-col'>
       <div className='seam-model-name'>
@@ -47,8 +51,8 @@ export function ModelColumn({
       <div className='seam-model-id'>
         <div className='seam-truncated-text'>
           {sku}
-          {sku != null && <DotDivider />}
-          {deviceModel.main_connection_type}
+          {sku != null && connection != null && <DotDivider />}
+          {connection}
         </div>
       </div>
     </div>