From 91371a3d8feee42903fbabfaafa2b497f30223dc Mon Sep 17 00:00:00 2001
From: Monica Khoury <99693443+monicakh@users.noreply.github.com>
Date: Fri, 3 Jan 2025 00:34:47 +0200
Subject: [PATCH] Fix: change the colour of the 'failed' badge for the cron UI
 (#32533)

* Fix: change the colour of the 'failed' badge for the cron UI

* simplify implementation

---------

Co-authored-by: Alaister Young <a@alaisteryoung.com>
---
 .../interfaces/Integrations/CronJobs/CronJobCard.tsx         | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobCard.tsx b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobCard.tsx
index a1c980eb923..a7dcafb173c 100644
--- a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobCard.tsx
+++ b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobCard.tsx
@@ -146,7 +146,10 @@ export const CronJobCard = ({ job, onEditCronJob, onDeleteCronJob }: CronJobCard
                           className="font-sans text-sm"
                         />
                         {data?.status && (
-                          <Badge variant="success" className="capitalize ml-2">
+                          <Badge
+                            variant={data.status === 'failed' ? 'destructive' : 'success'}
+                            className="capitalize ml-2"
+                          >
                             {data.status}
                           </Badge>
                         )}