danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove status dots from Docker table to match Proxmox UI

Browse source 
Remove redundant colored status dots from Docker container and service rows to align with Proxmox guest table design. Status is already clearly indicated by the Status column badge.
This commit is contained in:
rcourtman 2025-10-28 22:39:31 +00:00
parent 6462ec6ba1
commit 33331d34f6
1 changed files with 0 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
View file

@ -270,22 +270,6 @@ const serviceMatchesToken = (token: SearchToken, host: DockerHost, service: Dock
return fields.some((field) => field.includes(token.value));
};
const statusDotClass = (state: string) => {
switch (state) {
case 'running':
case 'healthy':
return 'bg-green-500';
case 'paused':
case 'created':
return 'bg-amber-500';
case 'stopped':
case 'exited':
return 'bg-gray-400';
default:
return ERROR_CONTAINER_STATES.has(state) ? 'bg-red-500' : 'bg-amber-500';
}
};
const serviceHealthBadge = (service: DockerService) => {
const desired = service.desiredTasks ?? 0;
const running = service.runningTasks ?? 0;
@ -411,7 +395,6 @@ const DockerContainerRow: Component<{ row: Extract<DockerRow, { kind: 'container
>
<td class="pl-4 pr-2 py-1">
<div class="flex items-center gap-1.5 min-w-0">
<span class={`h-2 w-2 rounded-full ${statusDotClass(state())}`} aria-hidden="true" />
<div class="flex items-center gap-1.5 min-w-0 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100">
<span class="truncate font-semibold" title={containerTitle()}>
{container.name || container.id}
@ -586,10 +569,6 @@ const DockerServiceRow: Component<{ row: Extract<DockerRow, { kind: 'service' }>
>
<td class="pl-4 pr-2 py-1">
<div class="flex items-center gap-1.5 min-w-0">
<span
class={`h-2 w-2 rounded-full ${statusDotClass(badge.label.toLowerCase())}`}
aria-hidden="true"
/>
<div class="flex items-center gap-1.5 min-w-0 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100">
<span class="truncate font-semibold" title={serviceTitle()}>
{service.name || service.id || 'Service'}