moneyfyandClaude Opus 5
0adf154049
Backend: - Gemeinsame Bewegungsschicht flows(), auf der alle Berichte aufbauen; Plan und Ist bleiben dabei getrennt - Forecast, Kategorien mit Drilldown, Abo-Übersicht, Jahresvergleich, Cashflow-Kalender, Budget-Ampel, Sparziel-Fortschritt, gebündeltes Dashboard - Budgetübertrag über Monatsgrenzen, Budgets auf Oberkategorien schließen Unterkategorien ein - Export als CSV (BOM, Semikolon, deutsches Dezimaltrennzeichen) und XLSX mit typisierten Beträgen Frontend: - Dashboard, Cashflow-Kalender mit Bestätigen direkt am Tag, Budget-, Sparziel- und Auswertungsseite - Diagrammpalette gegen beide Flächen auf Kontrast und Farbfehlsichtigkeit geprüft; Grün/Rot als Serienpaar verworfen - Einnahmen/Ausgaben und kumulierter Saldo in getrennten Diagrammen statt auf zwei Größenachsen - Recharts in einen eigenen Chunk ausgelagert 27 neue Backend-Tests (235 gesamt), 16 neue Frontend-Tests (65 gesamt) Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014e7t8UpmoVNMtWivY5LiSH
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
/** Routen der Anwendung und die Weichen für die Anmeldung. */
|
|
|
|
import { Navigate, Route, Routes } from "react-router-dom";
|
|
|
|
import { AppLayout } from "@/components/layout/AppLayout";
|
|
import { Skeleton } from "@/components/ui/Feedback";
|
|
import { useMe } from "@/hooks/useAuth";
|
|
import { BudgetsPage } from "@/pages/BudgetsPage";
|
|
import { CalendarPage } from "@/pages/CalendarPage";
|
|
import { ChangePasswordPage } from "@/pages/ChangePasswordPage";
|
|
import { DashboardPage } from "@/pages/DashboardPage";
|
|
import { GoalsPage } from "@/pages/GoalsPage";
|
|
import { LoginPage } from "@/pages/LoginPage";
|
|
import { ReportsPage } from "@/pages/ReportsPage";
|
|
import { MerchantsPage } from "@/pages/MerchantsPage";
|
|
import { RecurrencesPage } from "@/pages/RecurrencesPage";
|
|
import { SettingsPage } from "@/pages/SettingsPage";
|
|
import { TransactionsPage } from "@/pages/TransactionsPage";
|
|
|
|
export function App() {
|
|
const { data: benutzer, isLoading } = useMe();
|
|
|
|
if (isLoading) {
|
|
return (
|
|
<div className="flex h-full items-center justify-center p-8">
|
|
<Skeleton className="h-32 w-full max-w-sm" />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (!benutzer) return <LoginPage />;
|
|
|
|
// Solange das Startpasswort gilt, sind alle Fachrouten gesperrt.
|
|
if (benutzer.must_change_password) return <ChangePasswordPage />;
|
|
|
|
return (
|
|
<Routes>
|
|
<Route element={<AppLayout />}>
|
|
<Route path="/" element={<DashboardPage />} />
|
|
<Route path="/calendar" element={<CalendarPage />} />
|
|
<Route path="/recurrences" element={<RecurrencesPage />} />
|
|
<Route path="/transactions" element={<TransactionsPage />} />
|
|
<Route path="/merchants" element={<MerchantsPage />} />
|
|
<Route path="/budgets" element={<BudgetsPage />} />
|
|
<Route path="/goals" element={<GoalsPage />} />
|
|
<Route path="/reports" element={<ReportsPage />} />
|
|
<Route path="/settings" element={<SettingsPage />} />
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Route>
|
|
</Routes>
|
|
);
|
|
}
|