From b22046e01f38c0660766667b8b7b378de85821d0 Mon Sep 17 00:00:00 2001
From: A Vinayak Rugvedi <vinayakrugvedi@gmail.com>
Date: Tue, 27 Aug 2024 18:22:40 +0530
Subject: [PATCH] Set minimum threshold width of progress bar

---
 .../src/components/projects/exploreProjectsTable.js  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/projects/exploreProjectsTable.js b/frontend/src/components/projects/exploreProjectsTable.js
index 49e60b5b6f..5910938df3 100644
--- a/frontend/src/components/projects/exploreProjectsTable.js
+++ b/frontend/src/components/projects/exploreProjectsTable.js
@@ -80,8 +80,16 @@ const COLUMNS = [
         <div>
           <div data-tooltip-id={`project-${row.original.projectId}-progress`}>
             <ProgressBar
-              firstBarValue={row.original.percentMapped}
-              secondBarValue={row.original.percentValidated}
+              firstBarValue={
+                row.original.percentMapped > 0
+                  ? Math.max(8, row.original.percentMapped)
+                  : row.original.percentMapped
+              }
+              secondBarValue={
+                row.original.percentValidated > 0
+                  ? Math.max(8, row.original.percentValidated)
+                  : row.original.percentValidated
+              }
               height="half"
               small={false}
             />