Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: comment out refresh for now

Browse Source
This commit is contained in:
djknaeckebrot 2024-12-17 21:07:47 +01:00
parent 3080926a50
commit be237ae4cf
1 changed files with 49 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
apps/dokploy/components/dashboard/swarm/monitoring-card.tsx
View File

@ -102,14 +102,25 @@ export default function SwarmMonitorCard() {
return ( return (
<div className="w-full max-w-7xl mx-auto"> <div className="w-full max-w-7xl mx-auto">
<Card className="mb-6"> <Card className="mb-6">
<CardHeader> <CardHeader className="flex flex-row items-center justify-between">
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">
<Server className="h-6 w-6" /> <Server className="h-6 w-6" />
Docker Swarm Monitor Docker Swarm Monitor
</CardTitle> </CardTitle>
{/* <Button
variant="outline"
size="sm"
onClick={handleRefresh}
disabled={isRefreshing}
>
<RefreshCw
className={`h-4 w-4 mr-2 ${isRefreshing ? "animate-spin" : ""}`}
/>
Refresh
</Button> */}
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="grid gap-4"> <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium">Total Nodes:</span> <span className="text-sm font-medium">Total Nodes:</span>
<Badge variant="secondary">{totalNodes}</Badge> <Badge variant="secondary">{totalNodes}</Badge>
@ -121,24 +132,23 @@ export default function SwarmMonitorCard() {
<TooltipTrigger> <TooltipTrigger>
<Badge <Badge
variant="secondary" variant="secondary"
className="bg-green-100 dark:bg-green-400 text-black " className="bg-green-100 dark:bg-green-400 text-black"
> >
{activeNodesCount} / {totalNodes} {activeNodesCount} / {totalNodes}
</Badge> </Badge>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
{activeNodes.map((node) => ( <div className="max-h-48 overflow-y-auto">
<div key={node.id} className="flex items-center gap-2"> {activeNodes.map((node) => (
{getStatusIcon(node.Status)} <div key={node.ID} className="flex items-center gap-2">
{node.Hostname} {getStatusIcon(node.Status)}
</div> {node.Hostname}
))} </div>
))}
</div>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
{/* <Badge variant="secondary" className="bg-green-100 text-green-800">
{activeNodesCount} / {totalNodes}
</Badge> */}
</div> </div>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-sm font-medium">Manager Nodes:</span> <span className="text-sm font-medium">Manager Nodes:</span>
@ -153,39 +163,38 @@ export default function SwarmMonitorCard() {
</Badge> </Badge>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
{managerNodes.map((node) => ( <div className="max-h-48 overflow-y-auto">
<div key={node.id} className="flex items-center gap-2"> {managerNodes.map((node) => (
{getStatusIcon(node.Status)} <div key={node.ID} className="flex items-center gap-2">
{node.Hostname} {getStatusIcon(node.Status)}
</div> {node.Hostname}
))} </div>
))}
</div>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
{/* <Badge variant="secondary" className="bg-blue-100 text-blue-800">
{managerNodes} / {totalNodes}
</Badge> */}
</div>
<div className="border-t pt-4">
<h4 className="text-sm font-semibold mb-2">Node Status:</h4>
<ul className="space-y-2">
{nodes.map((node) => (
<li
key={node.ID}
className="flex justify-between items-center text-sm"
>
<span className="flex items-center gap-2">
{getStatusIcon(node.Status)}
{node.Hostname}
</span>
<Badge variant="outline" className="text-xs">
{node.ManagerStatus || "Worker"}
</Badge>
</li>
))}
</ul>
</div> </div>
</div> </div>
<div className="border-t pt-4 mt-4">
<h4 className="text-sm font-semibold mb-2">Node Status:</h4>
<ul className="space-y-2">
{nodes.map((node) => (
<li
key={node.ID}
className="flex justify-between items-center text-sm"
>
<span className="flex items-center gap-2">
{getStatusIcon(node.Status)}
{node.Hostname}
</span>
<Badge variant="outline" className="text-xs">
{node.ManagerStatus || "Worker"}
</Badge>
</li>
))}
</ul>
</div>
</CardContent> </CardContent>
</Card> </Card>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">