From 8be7e0f0cb1f19f20c8392cc21557be8db728352 Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Wed, 26 Nov 2025 21:33:25 +0100
Subject: [PATCH] Update hardware.tsx

---
 AppImage/components/hardware.tsx | 89 ++++++++++++++++----------------
 1 file changed, 45 insertions(+), 44 deletions(-)

diff --git a/AppImage/components/hardware.tsx b/AppImage/components/hardware.tsx
index 6d6a616..bad1278 100644
--- a/AppImage/components/hardware.tsx
+++ b/AppImage/components/hardware.tsx
@@ -1476,50 +1476,6 @@ export default function Hardware() {
         </DialogContent>
       </Dialog>
 
-      {/* Network Summary - Clickable */}
-      {hardwareDataSWR?.pci_devices &&
-        hardwareDataSWR.pci_devices.filter((d) => d.type.toLowerCase().includes("network")).length > 0 && (
-          <Card className="border-border/50 bg-card/50 p-6">
-            <div className="mb-4 flex items-center gap-2">
-              <Network className="h-5 w-5 text-primary" />
-              <h2 className="text-lg font-semibold">Network Summary</h2>
-              <Badge variant="outline" className="ml-auto">
-                {hardwareDataSWR.pci_devices.filter((d) => d.type.toLowerCase().includes("network")).length} interfaces
-              </Badge>
-            </div>
-
-            <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
-              {hardwareDataSWR.pci_devices
-                .filter((d) => d.type.toLowerCase().includes("network"))
-                .map((device, index) => (
-                  <div
-                    key={index}
-                    onClick={() => setSelectedNetwork(device)}
-                    className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-3 transition-colors"
-                  >
-                    <div className="flex items-center justify-between gap-2 mb-1">
-                      <span className="text-sm font-medium line-clamp-2 break-words flex-1">{device.device}</span>
-                      <Badge
-                        className={
-                          device.network_subtype === "Wireless"
-                            ? "bg-purple-500/10 text-purple-500 border-purple-500/20 px-2.5 py-0.5 shrink-0"
-                            : "bg-blue-500/10 text-blue-500 border-blue-500/20 px-2.5 py-0.5 shrink-0"
-                        }
-                      >
-                        {device.network_subtype || "Ethernet"}
-                      </Badge>
-                    </div>
-                    <p className="text-xs text-muted-foreground truncate">{device.vendor}</p>
-                    {device.driver && (
-                      <p className="mt-1 font-mono text-xs text-green-500 truncate">Driver: {device.driver}</p>
-                    )}
-                  </div>
-                ))}
-            </div>
-            <p className="mt-4 text-xs text-muted-foreground">Click on an interface for detailed information</p>
-          </Card>
-        )}
-
 
       {/* PCI Devices - Changed to modal */}
       {hardwareDataSWR?.pci_devices && hardwareDataSWR.pci_devices.length > 0 && (
@@ -1608,6 +1564,51 @@ export default function Hardware() {
       </Dialog> 
 
 
+      {/* Network Summary - Clickable */}
+      {hardwareDataSWR?.pci_devices &&
+        hardwareDataSWR.pci_devices.filter((d) => d.type.toLowerCase().includes("network")).length > 0 && (
+          <Card className="border-border/50 bg-card/50 p-6">
+            <div className="mb-4 flex items-center gap-2">
+              <Network className="h-5 w-5 text-primary" />
+              <h2 className="text-lg font-semibold">Network Summary</h2>
+              <Badge variant="outline" className="ml-auto">
+                {hardwareDataSWR.pci_devices.filter((d) => d.type.toLowerCase().includes("network")).length} interfaces
+              </Badge>
+            </div>
+
+            <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
+              {hardwareDataSWR.pci_devices
+                .filter((d) => d.type.toLowerCase().includes("network"))
+                .map((device, index) => (
+                  <div
+                    key={index}
+                    onClick={() => setSelectedNetwork(device)}
+                    className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-3 transition-colors"
+                  >
+                    <div className="flex items-center justify-between gap-2 mb-1">
+                      <span className="text-sm font-medium line-clamp-2 break-words flex-1">{device.device}</span>
+                      <Badge
+                        className={
+                          device.network_subtype === "Wireless"
+                            ? "bg-purple-500/10 text-purple-500 border-purple-500/20 px-2.5 py-0.5 shrink-0"
+                            : "bg-blue-500/10 text-blue-500 border-blue-500/20 px-2.5 py-0.5 shrink-0"
+                        }
+                      >
+                        {device.network_subtype || "Ethernet"}
+                      </Badge>
+                    </div>
+                    <p className="text-xs text-muted-foreground truncate">{device.vendor}</p>
+                    {device.driver && (
+                      <p className="mt-1 font-mono text-xs text-green-500 truncate">Driver: {device.driver}</p>
+                    )}
+                  </div>
+                ))}
+            </div>
+            <p className="mt-4 text-xs text-muted-foreground">Click on an interface for detailed information</p>
+          </Card>
+        )}
+
+
       {/* Network Detail Modal */}
       <Dialog open={selectedNetwork !== null} onOpenChange={() => setSelectedNetwork(null)}>
         <DialogContent className="max-w-2xl">