diff --git a/AppImage/components/hardware.tsx b/AppImage/components/hardware.tsx index a39ef03..fc209e3 100644 --- a/AppImage/components/hardware.tsx +++ b/AppImage/components/hardware.tsx @@ -326,15 +326,13 @@ export default function Hardware() { {hardwareData.gpus.map((gpu, index) => { const pciDevice = findPCIDeviceForGPU(gpu) const fullSlot = pciDevice?.slot || gpu.slot - const isClickable = hasRealtimeData(gpu) + const isClickable = true return (
isClickable && setSelectedGPU(gpu)} - className={`rounded-lg border border-border/30 bg-background/50 p-4 transition-colors ${ - isClickable ? "cursor-pointer hover:bg-background/80" : "cursor-default" - }`} + onClick={() => setSelectedGPU(gpu)} + className="cursor-pointer rounded-lg border border-border/30 bg-background/50 p-4 transition-colors hover:bg-background/80" >
{gpu.name} @@ -631,6 +629,101 @@ export default function Hardware() { + setSelectedGPU(null)}> + + {selectedGPU && + !hasRealtimeData(selectedGPU) && + (() => { + const pciDevice = findPCIDeviceForGPU(selectedGPU) + + return ( + <> + + {selectedGPU.name} + PCI Device Information + + +
+
+ Device Type + Graphics Card +
+ +
+ PCI Slot + {pciDevice?.slot || selectedGPU.slot} +
+ +
+ Device Name + {selectedGPU.name} +
+ +
+ Vendor + {selectedGPU.vendor} +
+ + {(pciDevice?.class || selectedGPU.pci_class) && ( +
+ Class + {pciDevice?.class || selectedGPU.pci_class} +
+ )} + + {(pciDevice?.driver || selectedGPU.pci_driver) && ( +
+ Driver + + {pciDevice?.driver || selectedGPU.pci_driver} + +
+ )} + + {(pciDevice?.kernel_module || selectedGPU.pci_kernel_module) && ( +
+ Kernel Module + + {pciDevice?.kernel_module || selectedGPU.pci_kernel_module} + +
+ )} + +
+ Type + {selectedGPU.type} +
+ + {selectedGPU.has_monitoring_tool === false && ( +
+
+
+ + + +
+
+

+ Extended Monitoring Not Available +

+

+ {getMonitoringToolRecommendation(selectedGPU.vendor)} +

+
+
+
+ )} +
+ + ) + })()} +
+
+ {/* PCI Devices - Changed to modal */} {hardwareData?.pci_devices && hardwareData.pci_devices.length > 0 && (