feat: Add reset filters and logout/clear session actions to Tracker

Author: surjeetkumar800

src/hooks/useGitHubAuth.ts

@@ -25,6 +25,14 @@ export const useGitHubAuth = () => {
     }
   };
 
+  const logout = () => {
+    setUsername('');
+    setToken('');
+    setError('');
+    sessionStorage.removeItem('tracker_username');
+    sessionStorage.removeItem('tracker_token');
+  };
+
   return {
     username,
     setUsername,
@@ -33,5 +41,6 @@ export const useGitHubAuth = () => {
     error,
     setError,
     getOctokit,
+    logout,
   };
 };

src/hooks/useGitHubData.ts

@@ -239,6 +239,14 @@ export const useGitHubData = (
     [getOctokit, rateLimited]
   );
 
+  const clearData = useCallback(() => {
+    setIssues([]);
+    setPrs([]);
+    setTotalIssues(0);
+    setTotalPrs(0);
+    setError('');
+  }, []);
+
   return {
     issues,
     prs,
@@ -248,5 +256,6 @@ export const useGitHubData = (
     error,
     rateLimited,
     fetchData,
+    clearData,
   };
 };

src/pages/Tracker/Tracker.tsx

@@ -57,6 +57,7 @@ const Home: React.FC = () => {
     setToken,
     error: authError,
     getOctokit,
+    logout,
   } = useGitHubAuth();
 
   const {
@@ -67,6 +68,7 @@ const Home: React.FC = () => {
     loading,
     error: dataError,
     fetchData,
+    clearData,
   } = useGitHubData(getOctokit);
 
   const [tab, setTab] = useState(() => Number(localStorage.getItem('tracker_tab')) || 0);
@@ -90,6 +92,32 @@ const Home: React.FC = () => {
     localStorage.setItem('tracker_endDate', endDate);
   }, [tab, page, issueFilter, prFilter, searchTitle, selectedRepo, startDate, endDate]);
 
+  const handleResetFilters = () => {
+    setTab(0);
+    setPage(0);
+    setIssueFilter("all");
+    setPrFilter("all");
+    setSearchTitle("");
+    setSelectedRepo("");
+    setStartDate("");
+    setEndDate("");
+
+    localStorage.removeItem('tracker_tab');
+    localStorage.removeItem('tracker_page');
+    localStorage.removeItem('tracker_issueFilter');
+    localStorage.removeItem('tracker_prFilter');
+    localStorage.removeItem('tracker_searchTitle');
+    localStorage.removeItem('tracker_selectedRepo');
+    localStorage.removeItem('tracker_startDate');
+    localStorage.removeItem('tracker_endDate');
+  };
+
+  const handleLogout = () => {
+    logout();
+    clearData();
+    handleResetFilters();
+  };
+
   // Fetch data when username, tab, or page changes
   useEffect(() => {
     if (username) {
@@ -249,6 +277,21 @@ const Home: React.FC = () => {
             >
                 Fetch Data
             </Button>
+            {(username || token) && (
+              <Button
+                  type="button"
+                  variant="outlined"
+                  color="error"
+                  onClick={handleLogout}
+                  sx={{
+                      minWidth: "100px",
+                      minHeight: "55px",
+                      alignSelf: "flex-start",
+                  }}
+              >
+                  Logout
+              </Button>
+            )}
           </Box>
         </form>
       </Paper>
@@ -283,6 +326,18 @@ const Home: React.FC = () => {
           InputLabelProps={{ shrink: true }}
           sx={{ minWidth: 150 }}
         />
+        {(tab !== 0 || page !== 0 || issueFilter !== "all" || prFilter !== "all" || searchTitle !== "" || selectedRepo !== "" || startDate !== "" || endDate !== "") && (
+          <Button
+              variant="outlined"
+              onClick={handleResetFilters}
+              sx={{
+                  minHeight: "56px",
+                  alignSelf: "flex-start",
+              }}
+          >
+              Reset Filters
+          </Button>
+        )}
       </Box>
 
       {/* Tabs + State Filter */}