Function Dashboard

web/src/pages/Dashboard.tsx:71–385

()

}

const Dashboard = () => {
  const navigate = useNavigate();
  const [userData, setUserData] = useState<GitHubUser | null>(null);
  const [isLoading, setIsLoading] = useState(true);
  const [presets, setPresets] = useState<Preset[]>([]);
  const [selectedPreset, setSelectedPreset] = useState<string>("");

  useEffect(() => {
    const fetchData = async () => {
      try {
        setIsLoading(true);

        // Fetch user data
        const userResponse = await fetch("/api/user");
        if (!userResponse.ok) {
          throw new Error(`Failed to fetch user data: ${userResponse.status}`);
        }
        const userData = await userResponse.json();
        setUserData(userData);

        // Fetch presets
        const presetsResponse = await fetch("/api/presets");
        if (presetsResponse.ok) {
          const presetsData = await presetsResponse.json();
          setPresets(presetsData.presets || []);
          if (presetsData.presets && presetsData.presets.length > 0) {
            setSelectedPreset(presetsData.presets[0].name);
          }
        }
      } catch (err) {
        document.cookie =
          "session=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
        setTimeout(() => {
          window.location.href = "/login";
        }, 100);
        console.error("Error fetching data:", err);
      } finally {
        setIsLoading(false);
      }
    };

    fetchData();
  }, []);

  const handleLogout = () => {
    document.cookie =
      "session=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
    setTimeout(() => {
      window.location.href = "/login";
    }, 100);
  };

  const handleGenerateReport = () => {
    navigate(`/report${selectedPreset ? `?preset=${selectedPreset}` : ""}`);
  };

  if (isLoading) {
    return (