pironantoine
6730700f5a
Translate UI elements to French, replace rejected voice notifications with a disclaimer, and add sourced legal values. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 923ae0e3-a363-4db8-b04a-e8baca2a1330 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: fcd1a349-b688-425c-9bb4-acdbfc2e808e Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8af7d2ec-2cc3-4ece-8af3-9f071488d072/923ae0e3-a363-4db8-b04a-e8baca2a1330/zrclMhx Replit-Helium-Checkpoint-Created: true
63 lines
2.0 KiB
TypeScript
63 lines
2.0 KiB
TypeScript
import { Switch, Route, Router as WouterRouter, Link } from "wouter";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { Toaster } from "@/components/ui/toaster";
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import NotFound from "@/pages/not-found";
|
|
import Home from "@/pages/home";
|
|
import About from "@/pages/about";
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
retry: false,
|
|
refetchOnWindowFocus: false,
|
|
},
|
|
},
|
|
});
|
|
|
|
function Navbar() {
|
|
return (
|
|
<header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
|
<div className="container mx-auto max-w-7xl flex h-16 items-center px-4 md:px-8">
|
|
<Link href="/" className="flex items-center gap-2 mr-6 font-serif text-xl font-bold tracking-tight text-primary" data-testid="nav-home-link">
|
|
La Voix du Peuple
|
|
</Link>
|
|
<nav className="flex items-center gap-6 text-sm font-medium">
|
|
<Link href="/" className="transition-colors hover:text-foreground/80 text-foreground/60" data-testid="nav-manifesto-link">Manifeste</Link>
|
|
<Link href="/about" className="transition-colors hover:text-foreground/80 text-foreground/60" data-testid="nav-about-link">À propos</Link>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|
|
|
|
function Router() {
|
|
return (
|
|
<div className="min-h-screen flex flex-col font-sans">
|
|
<Navbar />
|
|
<main className="flex-1 flex flex-col">
|
|
<Switch>
|
|
<Route path="/" component={Home} />
|
|
<Route path="/about" component={About} />
|
|
<Route component={NotFound} />
|
|
</Switch>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<TooltipProvider>
|
|
<WouterRouter base={import.meta.env.BASE_URL.replace(/\/$/, "")}>
|
|
<Router />
|
|
</WouterRouter>
|
|
<Toaster />
|
|
</TooltipProvider>
|
|
</QueryClientProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|