Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2026-04-25 08:56:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update hardware.tsx

Browse Source
This commit is contained in:
MacRimi
2026-04-09 19:40:49 +02:00
parent 2a174df697
commit 4346a5554f
1 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
AppImage/components/hardware.tsx
View File

@@ -839,12 +839,21 @@ export default function Hardware() {
const pciDevice = findPCIDeviceForGPU(gpu) const pciDevice = findPCIDeviceForGPU(gpu)
const fullSlot = pciDevice?.slot || gpu.slot const fullSlot = pciDevice?.slot || gpu.slot
return ( return (
<div <div
key={index} key={index}
onClick={() => handleGPUClick(gpu)} onClick={() => {
className="cursor-pointer rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card sm:hover:bg-white/5 p-4 transition-colors" // Don't open modal if we're editing this GPU's switch mode
> if (editingSwitchModeGpu !== fullSlot) {
handleGPUClick(gpu)
}
}}
className={`rounded-lg border border-white/10 sm:border-border bg-white/5 sm:bg-card p-4 transition-colors ${
editingSwitchModeGpu === fullSlot
? "cursor-default"
: "cursor-pointer sm:hover:bg-white/5"
}`}
>
<div className="mb-3 flex items-center justify-between"> <div className="mb-3 flex items-center justify-between">
<span className="font-medium text-sm">{gpu.name}</span> <span className="font-medium text-sm">{gpu.name}</span>
<Badge className={getDeviceTypeColor("graphics")}>{gpu.vendor}</Badge> <Badge className={getDeviceTypeColor("graphics")}>{gpu.vendor}</Badge>
@@ -880,10 +889,7 @@ export default function Hardware() {
{/* GPU Switch Mode Indicator */} {/* GPU Switch Mode Indicator */}
{getGpuSwitchMode(gpu) !== "unknown" && ( {getGpuSwitchMode(gpu) !== "unknown" && (
<div <div className="mt-3 pt-3 border-t border-border/30">
className="mt-3 pt-3 border-t border-border/30"
onClick={(e) => e.stopPropagation()}
>
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3">
<span className="text-xs font-medium text-muted-foreground uppercase tracking-wide"> <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">
Switch Mode Switch Mode
@@ -893,13 +899,19 @@ export default function Hardware() {
<> <>
<button <button
className="h-7 px-3 text-xs rounded-md border border-border bg-background hover:bg-muted transition-colors text-muted-foreground" className="h-7 px-3 text-xs rounded-md border border-border bg-background hover:bg-muted transition-colors text-muted-foreground"
onClick={(e) => handleSwitchModeCancel(fullSlot, e)} onClick={(e) => {
e.stopPropagation()
handleSwitchModeCancel(fullSlot, e)
}}
> >
Cancel Cancel
</button> </button>
<button <button
className="h-7 px-3 text-xs rounded-md bg-blue-600 hover:bg-blue-700 text-white transition-colors flex items-center gap-1.5" className="h-7 px-3 text-xs rounded-md bg-blue-600 hover:bg-blue-700 text-white transition-colors flex items-center gap-1.5"
onClick={(e) => handleSwitchModeSave(fullSlot, e)} onClick={(e) => {
e.stopPropagation()
handleSwitchModeSave(fullSlot, e)
}}
> >
<CheckCircle2 className="h-3 w-3" /> <CheckCircle2 className="h-3 w-3" />
Save Save
@@ -908,7 +920,10 @@ export default function Hardware() {
) : ( ) : (
<button <button
className="h-7 px-3 text-xs rounded-md border border-border bg-background hover:bg-muted transition-colors flex items-center gap-1.5" className="h-7 px-3 text-xs rounded-md border border-border bg-background hover:bg-muted transition-colors flex items-center gap-1.5"
onClick={(e) => handleSwitchModeEdit(fullSlot, e)} onClick={(e) => {
e.stopPropagation()
handleSwitchModeEdit(fullSlot, e)
}}
> >
<Settings2 className="h-3 w-3" /> <Settings2 className="h-3 w-3" />
Edit Edit