Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-16 00:56:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update hardware.tsx

Browse Source
This commit is contained in:
MacRimi
2025-10-05 22:46:14 +02:00
parent 730d47f2f7
commit 7e8c69a02d
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
AppImage/components/hardware.tsx
View File

@@ -198,6 +198,8 @@ export default function Hardware() {
{ totalCapacity: 0, ssd: 0, hdd: 0 }, { totalCapacity: 0, ssd: 0, hdd: 0 },
) )
const networkControllers = hardwareData.pci_devices?.filter((device) => device.type === "Network Controller") || []
return ( return (
<div className="space-y-6 p-6"> <div className="space-y-6 p-6">
{/* System Information */} {/* System Information */}
@@ -383,25 +385,25 @@ export default function Hardware() {
)} )}
{/* Network Summary */} {/* Network Summary */}
{hardwareData.network_cards.length > 0 && ( {networkControllers.length > 0 && (
<Card className="border-border/50 bg-card/50 p-6"> <Card className="border-border/50 bg-card/50 p-6">
<div className="mb-4 flex items-center gap-2"> <div className="mb-4 flex items-center gap-2">
<Network className="h-5 w-5 text-primary" /> <Network className="h-5 w-5 text-primary" />
<h2 className="text-lg font-semibold">Network Summary</h2> <h2 className="text-lg font-semibold">Network Summary</h2>
<Badge variant="outline" className="ml-auto"> <Badge variant="outline" className="ml-auto">
{hardwareData.network_cards.length} interfaces {networkControllers.length} interfaces
</Badge> </Badge>
</div> </div>
<div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3"> <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
{hardwareData.network_cards.map((nic, index) => ( {networkControllers.map((nic, index) => (
<div <div
key={index} key={index}
className="flex items-center justify-between rounded-lg border border-border/30 bg-background/50 p-3" className="flex items-center justify-between rounded-lg border border-border/30 bg-background/50 p-3"
> >
<span className="font-mono text-sm">{nic.name}</span> <span className="font-mono text-sm">{nic.device}</span>
<Badge variant="outline" className="text-xs"> <Badge variant="outline" className="text-xs">
{nic.type} Ethernet
</Badge> </Badge>
</div> </div>
))} ))}