diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx index 758eaea..ab54dd1 100644 --- a/src/pages/Tracker/Tracker.tsx +++ b/src/pages/Tracker/Tracker.tsx @@ -83,7 +83,7 @@ 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 useEffect(() => { if (username) { fetchData(username, page + 1, ROWS_PER_PAGE); @@ -242,81 +242,68 @@ const Home: React.FC = () => { return ( - {/* Auth Form */} + {/* Auth Input Controls */} -
- - setUsername(e.target.value)} - required - sx={{ flex: 1, minWidth: 150 }} - /> - setToken(e.target.value)} - type="password" - required - sx={{ flex: 1, minWidth: 150 }} - helperText={ - - - - Generate new token - - - - • - - - - Learn more - - - } - /> - - -
+ + setUsername(e.target.value)} + required + sx={{ flex: 1, minWidth: 150 }} + /> + setToken(e.target.value)} + type="password" + required + sx={{ flex: 1, minWidth: 150 }} + helperText={ + + + + Generate new token + + + + • + + + + Learn more + + + } + /> +
{/* Filters */} @@ -387,7 +374,7 @@ const Home: React.FC = () => { backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, borderRadius: "4px", - "& .MuiSelect-select": { padding: "10px" }, + & .MuiSelect-select: { padding: "10px" }, "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: theme.palette.primary.main, },