A few more usb port display locations

Author: smb2268

app/src/molecules/ModuleInfo/ModuleInfo.tsx

@@ -48,7 +48,11 @@ export const ModuleInfo = (props: ModuleInfoProps): JSX.Element => {
   if (physicalPort === null && isAttached) {
     connectionStatus = t('usb_connected_no_port_info')
   } else if (physicalPort != null && isAttached) {
-    connectionStatus = t('usb_port_connected', { port: physicalPort.port })
+    const portDisplay =
+      physicalPort?.hubPort != null
+        ? `${physicalPort.port}.${physicalPort.hubPort}`
+        : physicalPort?.port
+    connectionStatus = t('usb_port_connected', { port: portDisplay })
   }
 
   return (

app/src/organisms/Desktop/Devices/ProtocolRun/SetupModuleAndDeck/SetupModulesList.tsx

@@ -298,6 +298,11 @@ export function ModulesListItem({
   // convert slot name to cutout id
   const cutoutIdForSlotName = getCutoutIdForSlotName(slotName, deckDef)
 
+  const portDisplay =
+    attachedModuleMatch?.usbPort?.hubPort != null
+      ? `${attachedModuleMatch.usbPort.port}.${attachedModuleMatch.usbPort.hubPort}`
+      : attachedModuleMatch?.usbPort?.port
+
   return (
     <>
       {showLocationConflictModal && cutoutIdForSlotName != null ? (
@@ -369,10 +374,10 @@ export function ModulesListItem({
                   : TC_MODULE_LOCATION_OT2
                 : slotName}
             </LegacyStyledText>
-            {attachedModuleMatch?.usbPort.port != null ? (
+            {portDisplay != null ? (
               <LegacyStyledText as="p">
                 {t('usb_port_number', {
-                  port: attachedModuleMatch.usbPort.port,
+                  port: portDisplay,
                 })}
               </LegacyStyledText>
             ) : null}