diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx index 576f39bf..469a1504 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, @@ -71,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(""); @@ -90,6 +91,7 @@ const Home: React.FC = () => { e.preventDefault(); setPage(0); fetchData(username, 1, ROWS_PER_PAGE); + setHasFetched(true); }; const handlePageChange = (_: unknown, newPage: number) => { @@ -331,8 +333,26 @@ const Home: React.FC = () => { )} {loading ? ( - - + + {[1,2,3,4,5].map((row)=>( + + + + + + + ))} ) : ( @@ -351,7 +371,14 @@ const Home: React.FC = () => { - {currentFilteredData.map((item) => ( + {currentFilteredData.length === 0 && ( + + + No GitHub activity found with current filters. + + + )} + {hasFetched && currentFilteredData.map((item) => (