diff --git a/src/app/components/DevicesPage.tsx b/src/app/components/DevicesPage.tsx index 2eca10a..4aec566 100644 --- a/src/app/components/DevicesPage.tsx +++ b/src/app/components/DevicesPage.tsx @@ -190,7 +190,7 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp case 'Busy': return <>{dot('bg-amber-400')}Busy; case 'Not Responding': return <>{dot('bg-red-500')}Not Responding; case 'Disabled': return Disabled; - default: return Virtual; + default: return null; } }; @@ -337,8 +337,11 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp key={device.id} className="w-full bg-white border border-neutral-200 rounded-lg p-4 flex items-center gap-3" > - {/* Icon */} -
+ {/* Icon + number stacked */} +
+ + {device.number} + {getDeviceIcon(device.type)}
@@ -352,9 +355,6 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp {device.name || `Device ${device.number}`} - - #{device.number} - {device.physical && ( Physical @@ -366,9 +366,11 @@ export default function DevicesPage({ config, setConfig, openDeviceId, onClearOp {[device.base_url, device.url].filter(Boolean).join('')}
)} -
- {statusEl(device.deviceStatus)} -
+ {device.deviceStatus !== 'Virtual' && ( +
+ {statusEl(device.deviceStatus)} +
+ )} {/* Controls */}