Add repository link and deployment date to the application footer

Add footer to the layout component including a GitHub repository link and the deployment date.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 55837015-10e9-4be9-b857-7f5e6be73772
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: bd220250-ca9d-493a-9972-765935ee3c77
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1cc377db-7ea0-49f2-97ce-c3e87e0228cc/55837015-10e9-4be9-b857-7f5e6be73772/CzGezQ7
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
SylvainP1 2026-04-15 09:08:33 +00:00
parent b57833f85c
commit d5b8e2f741

View File

@ -1,4 +1,8 @@
import { AppSidebar } from "./sidebar"; import { AppSidebar } from "./sidebar";
import { Github } from "lucide-react";
const REPO_URL = "https://github.com/sylvainp/cra-app";
const DEPLOY_DATE = "14 avril 2025";
export function AppLayout({ children }: { children: React.ReactNode }) { export function AppLayout({ children }: { children: React.ReactNode }) {
return ( return (
@ -8,6 +12,18 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
<div className="flex-1 p-8 container mx-auto max-w-7xl"> <div className="flex-1 p-8 container mx-auto max-w-7xl">
{children} {children}
</div> </div>
<footer className="shrink-0 border-t px-8 py-3 flex items-center justify-between text-xs text-muted-foreground">
<a
href={REPO_URL}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1.5 hover:text-foreground transition-colors"
>
<Github className="h-3.5 w-3.5" />
Repo GitHub
</a>
<span>Déployé le {DEPLOY_DATE}</span>
</footer>
</main> </main>
</div> </div>
); );