From 8c54cb6bedcaa775d69907d63e977bdc5d912d7a Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 27 Aug 2025 12:12:25 +0800
Subject: [PATCH] Chore/use default badge for paused state in project row
 (#38191)

* Use default badge for pause state in project row

* Tweak

* Remove branching icon from project card and project table row
---
 .../interfaces/Home/ProjectList/ProjectCard.tsx        |  7 +------
 .../interfaces/Home/ProjectList/ProjectCardStatus.tsx  | 10 ++++++----
 .../interfaces/Home/ProjectList/ProjectTableRow.tsx    |  7 +------
 3 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
index 105f6f0bcd5b0..5ae3a2958f279 100644
--- a/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
+++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
@@ -1,4 +1,4 @@
-import { GitBranch, Github } from 'lucide-react'
+import { Github } from 'lucide-react'
 
 import CardButton from 'components/ui/CardButton'
 import { ComputeBadgeWrapper } from 'components/ui/ComputeBadgeWrapper'
@@ -62,11 +62,6 @@ export const ProjectCard = ({
                   />
                 </div>
               )}
-              {isBranchingEnabled && (
-                <div className="w-fit p-1 border rounded-md flex items-center">
-                  <GitBranch size={12} strokeWidth={1.5} />
-                </div>
-              )}
               {isGithubIntegrated && (
                 <>
                   <div className="w-fit p-1 border rounded-md flex items-center">
diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx
index fc5d1624d5da3..1323add444088 100644
--- a/apps/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx
+++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx
@@ -142,11 +142,13 @@ export const ProjectCardStatus = ({
   if (renderMode === 'badge') {
     const badgeVariant = isCritical
       ? 'destructive'
-      : projectStatus !== 'isHealthy'
+      : activeWarnings.length > 0 ||
+          projectStatus === 'isPauseFailed' ||
+          projectStatus === 'isRestoreFailed'
         ? 'warning'
-        : activeWarnings.length > 0
-          ? 'warning'
-          : 'success'
+        : projectStatus === 'isHealthy'
+          ? 'success'
+          : 'default'
 
     return alertDescription ? (
       <Tooltip>
diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx
index e9f27eebb6387..323ca7923fa96 100644
--- a/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx
+++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx
@@ -1,4 +1,4 @@
-import { GitBranch, Github } from 'lucide-react'
+import { Github } from 'lucide-react'
 import { useRouter } from 'next/router'
 import InlineSVG from 'react-inlinesvg'
 
@@ -65,11 +65,6 @@ export const ProjectTableRow = ({
                   />
                 </div>
               )}
-              {isBranchingEnabled && (
-                <div className="w-fit p-1 border rounded-md flex items-center">
-                  <GitBranch size={12} strokeWidth={1.5} />
-                </div>
-              )}
               {isGithubIntegrated && (
                 <>
                   <div className="w-fit p-1 border rounded-md flex items-center">