From 4fa42378d6a126d5c8b7556d4300bb67476799f2 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Thu, 9 Jul 2026 08:22:11 +0530
Subject: [PATCH] fix(app): show a check icon for completed workspace-creation
 steps
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

stepIcon rendered XCircle for the done state, so every completed step
in the create-workspace progress list showed the error glyph — and in
the current palette its emerald color class resolves to no CSS rule at
all, leaving an invisibly-colored X. Use CircleCheck (the same glyph
the notification center uses for success) with the green success color.
---
 .../domains/workspace/create-workspace-local-panel.tsx         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/app/src/react-app/domains/workspace/create-workspace-local-panel.tsx b/apps/app/src/react-app/domains/workspace/create-workspace-local-panel.tsx
index 71d999daa..3f88f9084 100644
--- a/apps/app/src/react-app/domains/workspace/create-workspace-local-panel.tsx
+++ b/apps/app/src/react-app/domains/workspace/create-workspace-local-panel.tsx
@@ -2,6 +2,7 @@
 import {
   ChartNoAxesColumnIncreasing,
   Check,
+  CircleCheck,
   FolderPlus,
   Loader2,
   XCircle,
@@ -80,7 +81,7 @@ export type CreateWorkspaceLocalPanelProps = {
 
 function stepIcon(status: CreateWorkspaceProgressStep["status"]) {
   if (status === "done")
-    return <XCircle size={16} className="text-emerald-10" />;
+    return <CircleCheck size={16} className="text-green-10" />;
   if (status === "active")
     return <Loader2 size={16} className="animate-spin text-dls-accent" />;
   if (status === "error") return <XCircle size={16} className="text-red-10" />;