diff --git a/app/client/components/status-dot.tsx b/app/client/components/status-dot.tsx index 3f550bc4..8a2097b5 100644 --- a/app/client/components/status-dot.tsx +++ b/app/client/components/status-dot.tsx @@ -40,7 +40,7 @@ export const StatusDot = ({ variant, label, animated }: StatusDotProps) => { return ( - + {statusMapping?.animated && ( { diff --git a/app/client/modules/backups/components/backup-status-dot.tsx b/app/client/modules/backups/components/backup-status-dot.tsx index 6d30224d..f099a68e 100644 --- a/app/client/modules/backups/components/backup-status-dot.tsx +++ b/app/client/modules/backups/components/backup-status-dot.tsx @@ -3,13 +3,15 @@ import { StatusDot } from "~/client/components/status-dot"; export const BackupStatusDot = ({ enabled, hasError, + hasWarning, isInProgress, }: { enabled: boolean; hasError?: boolean; + hasWarning?: boolean; isInProgress?: boolean; }) => { - let variant: "success" | "neutral" | "error" | "info"; + let variant: "success" | "neutral" | "error" | "warning" | "info"; let label: string; if (isInProgress) { @@ -18,6 +20,9 @@ export const BackupStatusDot = ({ } else if (hasError) { variant = "error"; label = "Error"; + } else if (hasWarning) { + variant = "warning"; + label = "Warning"; } else if (enabled) { variant = "success"; label = "Active";