changes

Author: adityapichikala

src/pages/Tracker/Tracker.tsx

@@ -32,11 +32,7 @@ import {
 import { useTheme } from "@mui/material/styles";
 import { useGitHubAuth } from "../../hooks/useGitHubAuth";
 import { useGitHubData } from "../../hooks/useGitHubData";
-<<<<<<< HEAD
-import DailyActivityStatus from "../../components/DailyActivityStatus";
 import ContributionRecommender from "../../components/ContributionRecommender";
-=======
->>>>>>> upstream/main
 import { KeyIcon } from "lucide-react";
 
 const ROWS_PER_PAGE = 10;
@@ -76,6 +72,7 @@ const Home: React.FC = () => {
 
   const [tab, setTab] = useState(0);
   const [page, setPage] = useState(0);
+  const [submittedUsername, setSubmittedUsername] = useState("");
 
   const [issueFilter, setIssueFilter] = useState("all");
   const [prFilter, setPrFilter] = useState("all");
@@ -84,17 +81,20 @@ const Home: React.FC = () => {
   const [startDate, setStartDate] = useState("");
   const [endDate, setEndDate] = useState("");
 
-  // Fetch data when username, tab, or page changes
+  // Fetch data when tab or page changes after a username has been submitted
   useEffect(() => {
-    if (username) {
-      fetchData(username, page + 1, ROWS_PER_PAGE);
+    if (submittedUsername) {
+      fetchData(submittedUsername, page + 1, ROWS_PER_PAGE);
     }
   }, [tab, page]);
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>): void => {
     e.preventDefault();
+    const trimmedUsername = username.trim();
+    if (!trimmedUsername) return;
     setPage(0);
-    fetchData(username, 1, ROWS_PER_PAGE);
+    setSubmittedUsername(trimmedUsername);
+    fetchData(trimmedUsername, 1, ROWS_PER_PAGE);
   };
 
   const handlePageChange = (_: unknown, newPage: number) => {
@@ -247,6 +247,7 @@ const Home: React.FC = () => {
         </form>
       </Paper>
 
+      {/* AI Contribution Recommender — auto-runs after username is submitted */}
       {submittedUsername && (
         <ContributionRecommender
           username={submittedUsername}