From b076a9e25528036f90da04df68dba302e43ac12d Mon Sep 17 00:00:00 2001
From: cmarte03 <chiara.martello@tufts.edu>
Date: Tue, 7 Apr 2026 09:59:51 -0400
Subject: [PATCH] added blue dot to status bar on upload step

---
 src/components/SpreadsheetStatusBar.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/SpreadsheetStatusBar.tsx b/src/components/SpreadsheetStatusBar.tsx
index 3f8d95d..c81f8aa 100644
--- a/src/components/SpreadsheetStatusBar.tsx
+++ b/src/components/SpreadsheetStatusBar.tsx
@@ -32,11 +32,16 @@ export default function StatusBar({
     const barColor = hasError ? "bg-destructive" : "bg-primary";
 
     return (
-        <div className="w-full h-1 bg-muted rounded-full">
+        <div className="relative w-full h-1 bg-muted rounded-full">
             <div
                 className={`h-1 ${barColor} rounded-full transition-all duration-300`}
                 style={{ width: `${fillPercentage}%` }}
             ></div>
+            {tabIndex === 0 && (
+                <div
+                    className={`absolute -top-1 left-0 w-3 h-3 rounded-full border-2 border-white ${"bg-primary"}`}
+                />
+            )}
         </div>
     );
 }