pangolin_mirror/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-03-05 10:16:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling

Browse Source
This commit is contained in:
Owen
2025-11-05 11:38:14 -08:00
parent 54f7525f1b
commit 301654b63e
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ResourcesTable.tsx
View File

@@ -35,6 +35,8 @@ import {
Clock, Clock,
Wifi, Wifi,
WifiOff, WifiOff,
CheckCircle2,
XCircle,
} from "lucide-react"; } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
@@ -132,11 +134,11 @@ function StatusIcon({ status, className = "" }: {
switch (status) { switch (status) {
case 'online': case 'online':
return <Wifi className={`${iconClass} text-green-500`} />; return <CheckCircle2 className={`${iconClass} text-green-500`} />;
case 'degraded': case 'degraded':
return <Wifi className={`${iconClass} text-yellow-500`} />; return <CheckCircle2 className={`${iconClass} text-yellow-500`} />;
case 'offline': case 'offline':
return <WifiOff className={`${iconClass} text-red-500`} />; return <XCircle className={`${iconClass} text-destructive`} />;
case 'unknown': case 'unknown':
return <Clock className={`${iconClass} text-gray-400`} />; return <Clock className={`${iconClass} text-gray-400`} />;
default: default:
@@ -457,9 +459,9 @@ export default function ResourcesTable({
status={target.healthStatus === 'healthy' ? 'online' : 'offline'} status={target.healthStatus === 'healthy' ? 'online' : 'offline'}
className="h-3 w-3" className="h-3 w-3"
/> />
<CopyToClipboard text={`${target.ip}:${target.port}`} /> {`${target.ip}:${target.port}`}
</div> </div>
<span className={`text-xs capitalize ${target.healthStatus === 'healthy' ? 'text-green-600' : 'text-red-600' <span className={`capitalize ${target.healthStatus === 'healthy' ? 'text-green-500' : 'text-destructive'
}`}> }`}>
{target.healthStatus} {target.healthStatus}
</span> </span>
@@ -473,9 +475,9 @@ export default function ResourcesTable({
<DropdownMenuItem key={target.targetId} className="flex items-center justify-between gap-4"> <DropdownMenuItem key={target.targetId} className="flex items-center justify-between gap-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<StatusIcon status="unknown" className="h-3 w-3" /> <StatusIcon status="unknown" className="h-3 w-3" />
<CopyToClipboard text={`${target.ip}:${target.port}`} /> {`${target.ip}:${target.port}`}
</div> </div>
<span className="text-xs text-gray-500"> <span className="text-muted-foreground">
{!target.enabled ? 'Disabled' : 'Not monitored'} {!target.enabled ? 'Disabled' : 'Not monitored'}
</span> </span>
</DropdownMenuItem> </DropdownMenuItem>