From 77a74e02a3213d2ed7a596525706f4191c37fd0b Mon Sep 17 00:00:00 2001
From: Chandrakala Y <Chandrakala.200623@gmail.com>
Date: Fri, 15 May 2026 09:44:35 +0530
Subject: [PATCH 1/2] Enhance dashboard UX with loading skeletons and empty
 states

---
 src/pages/Tracker/Tracker.tsx | 64 +++++++++++++++++++++++++++++++----
 1 file changed, 58 insertions(+), 6 deletions(-)

diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx
index 2bd4d30..bb576aa 100644
--- a/src/pages/Tracker/Tracker.tsx
+++ b/src/pages/Tracker/Tracker.tsx
@@ -20,7 +20,6 @@ import {
   TableRow,
   TablePagination,
   Link,
-  CircularProgress,
   Alert,
   Tabs,
   Tab,
@@ -28,6 +27,8 @@ import {
   MenuItem,
   FormControl,
   InputLabel,
+  Skeleton,
+  Typography,
 } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 import { useGitHubAuth } from "../../hooks/useGitHubAuth";
@@ -279,11 +280,62 @@ const Home: React.FC = () => {
       )}
 
       {loading ? (
-        <Box display="flex" justifyContent="center" my={4}>
-          <CircularProgress />
-        </Box>
-      ) : (
-        <Box sx={{ maxHeight: "400px", overflowY: "auto" }}>
+  <Box sx={{ maxHeight: "400px", overflowY: "auto" }}>
+    <TableContainer component={Paper}>
+      <Table size="small">
+        <TableHead>
+          <TableRow>
+            <TableCell>Title</TableCell>
+            <TableCell align="center">Repository</TableCell>
+            <TableCell align="center">State</TableCell>
+            <TableCell>Created</TableCell>
+          </TableRow>
+        </TableHead>
+
+        <TableBody>
+          {[...Array(5)].map((_, index) => (
+            <TableRow key={index}>
+              <TableCell>
+                <Skeleton variant="text" width="80%" height={30} />
+              </TableCell>
+
+              <TableCell align="center">
+                <Skeleton variant="text" width="60%" height={30} />
+              </TableCell>
+
+              <TableCell align="center">
+                <Skeleton variant="rounded" width={70} height={25} />
+              </TableCell>
+
+              <TableCell>
+                <Skeleton variant="text" width="70%" height={30} />
+              </TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+    </TableContainer>
+  </Box>
+) : currentFilteredData.length === 0 ? (
+  <Paper
+    elevation={1}
+    sx={{
+      p: 4,
+      textAlign: "center",
+      backgroundColor: theme.palette.background.paper,
+    }}
+  >
+    <Typography variant="h6" gutterBottom>
+      No Data Found
+    </Typography>
+
+    <Typography variant="body2" color="text.secondary">
+      Try adjusting filters or searching for another GitHub user.
+    </Typography>
+  </Paper>
+) : (
+    
+  <Box sx={{ maxHeight: "400px", overflowY: "auto" }}>
 
           <TableContainer component={Paper}>
 

From d82cfce1224ae7ca9036f96c87e592ff40578b72 Mon Sep 17 00:00:00 2001
From: Chandrakala Y <Chandrakala.200623@gmail.com>
Date: Fri, 15 May 2026 10:41:37 +0530
Subject: [PATCH 2/2] Handle empty state only when no errors exist

---
 src/pages/Tracker/Tracker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx
index bb576aa..03de100 100644
--- a/src/pages/Tracker/Tracker.tsx
+++ b/src/pages/Tracker/Tracker.tsx
@@ -316,7 +316,7 @@ const Home: React.FC = () => {
       </Table>
     </TableContainer>
   </Box>
-) : currentFilteredData.length === 0 ? (
+) : !authError && !dataError && currentFilteredData.length === 0 ? (
   <Paper
     elevation={1}
     sx={{