From 21dd2e703bfc2f872307ffcb5e657dfc17ca3fe1 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Sun, 26 Mar 2023 11:37:06 +0530
Subject: [PATCH] fix: module progress bar (#535)

---
 .../components/modules/single-module-card.tsx | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/apps/app/components/modules/single-module-card.tsx b/apps/app/components/modules/single-module-card.tsx
index cecdd20c8..1e0df412a 100644
--- a/apps/app/components/modules/single-module-card.tsx
+++ b/apps/app/components/modules/single-module-card.tsx
@@ -250,20 +250,17 @@ export const SingleModuleCard: React.FC<Props> = ({ module, handleEditModule })
           </div>
         </div>
         <div className="flex h-full items-end">
-          <div className="flex w-full items-center gap-2 justify-self-end bg-gray-100 p-4">
+          <div className="flex w-full items-center justify-between gap-2 justify-self-end bg-gray-100 p-4">
             <span>Progress</span>
-            <Tooltip
-              tooltipContent={`Progress ${
-                isNaN(completionPercentage) ? 0 : completionPercentage.toFixed(0)
-              }%`}
-            >
-              <div className="bar relative h-1 w-full rounded bg-gray-300">
-                <div
-                  className="absolute top-0 left-0 h-1 rounded bg-green-500 duration-300"
-                  style={{ width: `${completionPercentage}%` }}
-                />
-              </div>
-            </Tooltip>
+            <div className="bar relative h-1 w-full rounded bg-gray-300">
+              <div
+                className="absolute top-0 left-0 h-1 rounded bg-green-500 duration-300"
+                style={{
+                  width: `${isNaN(completionPercentage) ? 0 : completionPercentage.toFixed(0)}%`,
+                }}
+              />
+            </div>
+            <span>{isNaN(completionPercentage) ? 0 : completionPercentage.toFixed(0)}%</span>
           </div>
         </div>
       </div>