From 2b7708ae0a486303b7b8485657860b13ed203ac3 Mon Sep 17 00:00:00 2001
From: Priya <priya434960@gmail.com>
Date: Tue, 26 May 2026 12:35:53 +0530
Subject: [PATCH 1/3] Add skeleton loading state for tracker table

---
 src/pages/Tracker/Tracker.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx
index 576f39bf..6672f52e 100644
--- a/src/pages/Tracker/Tracker.tsx
+++ b/src/pages/Tracker/Tracker.tsx
@@ -24,6 +24,7 @@ import {
   Alert,
   Tabs,
   Tab,
+  Skeleton,
   Select,
   MenuItem,
   FormControl,
@@ -331,8 +332,15 @@ const Home: React.FC = () => {
       )}
 
       {loading ? (
-        <Box display="flex" justifyContent="center" my={4}>
-          <CircularProgress />
+        <Box sx={{padding:2}}>
+          {[1,2,3,4,5].map((item)=>(
+            <Skeleton
+            key={item}
+            variant="rounded"
+            height={45}
+            sx={{marginBottom:1.5}}
+            />
+          ))}
         </Box>
       ) : (
         <Box sx={{ maxHeight: "400px", overflowY: "auto" }}>

From fe47d633b586a22d728b1bf199c6dd27a581073b Mon Sep 17 00:00:00 2001
From: Priya <priya434960@gmail.com>
Date: Wed, 27 May 2026 09:44:30 +0530
Subject: [PATCH 2/3] Improve tracker loading and empty state UX

---
 src/pages/Tracker/Tracker.tsx | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx
index 6672f52e..b29b5b24 100644
--- a/src/pages/Tracker/Tracker.tsx
+++ b/src/pages/Tracker/Tracker.tsx
@@ -333,13 +333,24 @@ const Home: React.FC = () => {
 
       {loading ? (
         <Box sx={{padding:2}}>
-          {[1,2,3,4,5].map((item)=>(
-            <Skeleton
-            key={item}
-            variant="rounded"
-            height={45}
-            sx={{marginBottom:1.5}}
-            />
+          {[1,2,3,4,5].map((row)=>(
+            <Box 
+            key={row}
+            sx={{
+              display:"flex",
+              marginBottom:2,
+              gap:2,
+            }}
+            >
+            <Skeleton variant="text" width={250}
+       height={35}/>
+            <Skeleton variant="rectangular" width={120}
+       height={35}/>
+            <Skeleton variant="rectangular" width={100}
+       height={35}/>
+            <Skeleton variant="rectangular" width={120}
+       height={35}/>
+            </Box>
           ))}
         </Box>
       ) : (
@@ -359,6 +370,13 @@ const Home: React.FC = () => {
               </TableHead>
 
               <TableBody>
+                {currentFilteredData.length === 0 && (
+                  <TableRow>
+                    <TableCell colSpan={4} align="center">
+                      No Github activity found with current filters.
+                    </TableCell>
+                  </TableRow>
+                )}
                 {currentFilteredData.map((item) => (
                   <TableRow key={item.id}>
 

From 7b08c263b5a15b3053cf71e3d4a557d85fd50884 Mon Sep 17 00:00:00 2001
From: Priya <priya434960@gmail.com>
Date: Wed, 27 May 2026 10:49:36 +0530
Subject: [PATCH 3/3] Fix empty state visibility and GitHub casing

---
 src/pages/Tracker/Tracker.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx
index b29b5b24..469a1504 100644
--- a/src/pages/Tracker/Tracker.tsx
+++ b/src/pages/Tracker/Tracker.tsx
@@ -72,7 +72,7 @@ const Home: React.FC = () => {
 
   const [tab, setTab] = useState(0);
   const [page, setPage] = useState(0);
-
+  const [hasFetched, setHasFetched] = useState(false);
   const [issueFilter, setIssueFilter] = useState("all");
   const [prFilter, setPrFilter] = useState("all");
   const [searchTitle, setSearchTitle] = useState("");
@@ -91,6 +91,7 @@ const Home: React.FC = () => {
     e.preventDefault();
     setPage(0);
     fetchData(username, 1, ROWS_PER_PAGE);
+    setHasFetched(true);
   };
 
   const handlePageChange = (_: unknown, newPage: number) => {
@@ -373,11 +374,11 @@ const Home: React.FC = () => {
                 {currentFilteredData.length === 0 && (
                   <TableRow>
                     <TableCell colSpan={4} align="center">
-                      No Github activity found with current filters.
+                      No GitHub activity found with current filters.
                     </TableCell>
                   </TableRow>
                 )}
-                {currentFilteredData.map((item) => (
+                {hasFetched && currentFilteredData.map((item) => (
                   <TableRow key={item.id}>
 
                     <TableCell sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>