import DashboardLayout from "@/components/DashboardLayout";
import SetupGuide from "@/components/SetupGuide";
import { AuthProvider, useAuth } from "@/contexts/AuthContext";
import { I18nProvider } from "@/i18n/I18nProvider";
import { supabaseEnv } from "@/lib/supabase";
import Inbox from "@/pages/Inbox";
import Landing from "@/pages/Landing";
import Login from "@/pages/Login";
import Overview from "@/pages/Overview";
import ProjectTimeline from "@/pages/ProjectTimeline";
import Rules from "@/pages/Rules";
import { Navigate, Route, BrowserRouter as Router, Routes } from "react-router-dom";
function RequireAuth({ children }: { children: React.ReactNode }) {
const { session, loading } = useAuth();
if (loading) {
return (
<div className="min-h-screen flex items-center justify-center text-sm text-muted-foreground">
Loading…
</div>
);
}
if (!session) return <Navigate to="/login" replace />;
return <>{children}</>;
}
function RedirectIfAuthed({ children }: { children: React.ReactNode }) {
const { session, loading } = useAuth();
if (loading) return null;
if (session) return <Navigate to="/dashboard" replace />;
return <>{children}</>;
}
export default function App() {
if (!supabaseEnv.configured) {
return <SetupGuide />;
}
return (
<AuthProvider>
<I18nProvider>
<Router>
<Routes>
<Route path="/" element={<Landing />} />
<Route
path="/login"
element={
<RedirectIfAuthed>
<Login />
</RedirectIfAuthed>
}
/>
<Route
path="/dashboard"
element={
<RequireAuth>
<DashboardLayout />
</RequireAuth>
}
>
<Route index element={<Overview />} />
<Route path="inbox" element={<Inbox />} />
<Route path="rules" element={<Rules />} />
<Route path="projects/:name" element={<ProjectTimeline />} />
</Route>
<Route path="*" element={<Navigate to="/" replace />} />
</Routes>
</Router>
</I18nProvider>
</AuthProvider>
);
}