From c2c5a1d235e1b620fcf0d96232a641a9c6b8db2a Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Wed, 18 Mar 2026 19:49:13 +0100
Subject: [PATCH] fix: add missing warning state in backup list

---
 app/client/components/status-dot.tsx                       | 2 +-
 app/client/modules/backups/components/backup-card.tsx      | 3 ++-
 .../modules/backups/components/backup-status-dot.tsx       | 7 ++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

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 (
 		<Tooltip>
-			<TooltipTrigger>
+			<TooltipTrigger aria-label={label}>
 				<span className="relative flex size-3 mx-auto">
 					{statusMapping?.animated && (
 						<span
diff --git a/app/client/modules/backups/components/backup-card.tsx b/app/client/modules/backups/components/backup-card.tsx
index af583ea3..9b8eec13 100644
--- a/app/client/modules/backups/components/backup-card.tsx
+++ b/app/client/modules/backups/components/backup-card.tsx
@@ -17,7 +17,8 @@ export const BackupCard = ({ schedule }: { schedule: BackupSchedule }) => {
 						</div>
 						<BackupStatusDot
 							enabled={schedule.enabled}
-							hasError={!!schedule.lastBackupError}
+							hasError={schedule.lastBackupStatus === "error"}
+							hasWarning={schedule.lastBackupStatus === "warning"}
 							isInProgress={schedule.lastBackupStatus === "in_progress"}
 						/>
 					</div>
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";