From 86de3188b16e739480af446638c6c416024c6ed7 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Wed, 29 Nov 2023 20:02:41 +0530
Subject: [PATCH] chore: cycle and module status indicator improvement (#2942)

---
 web/components/cycles/cycles-list-item.tsx  | 7 ++++++-
 web/components/modules/module-list-item.tsx | 2 ++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/components/cycles/cycles-list-item.tsx b/web/components/cycles/cycles-list-item.tsx
index bf0d5c781..929e0a564 100644
--- a/web/components/cycles/cycles-list-item.tsx
+++ b/web/components/cycles/cycles-list-item.tsx
@@ -38,7 +38,10 @@ type TCyclesListItem = {
 export const CyclesListItem: FC<TCyclesListItem> = (props) => {
   const { cycle, workspaceSlug, projectId } = props;
   // store
-  const { cycle: cycleStore, trackEvent: { setTrackElement } } = useMobxStore();
+  const {
+    cycle: cycleStore,
+    trackEvent: { setTrackElement },
+  } = useMobxStore();
   // toast
   const { setToastAlert } = useToast();
   // states
@@ -161,6 +164,8 @@ export const CyclesListItem: FC<TCyclesListItem> = (props) => {
                     ) : (
                       <span className="text-sm text-custom-primary-100">{`!`}</span>
                     )
+                  ) : progress === 100 ? (
+                    <Check className="h-3 w-3 text-custom-primary-100 stroke-[2]" />
                   ) : (
                     <span className="text-xs text-custom-text-300">{`${progress}%`}</span>
                   )}
diff --git a/web/components/modules/module-list-item.tsx b/web/components/modules/module-list-item.tsx
index e8be9841b..9c4a16322 100644
--- a/web/components/modules/module-list-item.tsx
+++ b/web/components/modules/module-list-item.tsx
@@ -139,6 +139,8 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
                     ) : (
                       <span className="text-sm text-custom-primary-100">{`!`}</span>
                     )
+                  ) : progress === 100 ? (
+                    <Check className="h-3 w-3 text-custom-primary-100 stroke-[2]" />
                   ) : (
                     <span className="text-xs text-custom-text-300">{`${progress}%`}</span>
                   )}