show connected/disconnected scanners on front page

rgodha24 · Sep 21, 2023 · 911864d · 911864d
1 parent 585279e
commit 911864d
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/packages/web/src/components/selectors.tsx b/packages/web/src/components/selectors.tsx
@@ -39,7 +39,27 @@ export const ScannerSelect: FC<{ scanners: string[] }> = ({ scanners }) => {
       >
         <SelectTrigger>
           <SelectValue>
-            {scannerName ? scannerName : "Select a scanner"}
+            {scannerName ? (
+              <>
+                {scannerName}{" "}
+                {
+                  <Badge
+                    variant={
+                      connectedScanners.data.includes(scannerName)
+                        ? "default"
+                        : "secondary"
+                    }
+                    className="ml-2"
+                  >
+                    {connectedScanners.data.includes(scannerName)
+                      ? "connected"
+                      : "disconnected"}
+                  </Badge>
+                }{" "}
+              </>
+            ) : (
+              "Select a scanner"
+            )}
           </SelectValue>
         </SelectTrigger>
         <SelectContent>