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:
parent
b57833f85c
commit
d5b8e2f741
@ -1,4 +1,8 @@
|
||||
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 }) {
|
||||
return (
|
||||
@ -8,6 +12,18 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
|
||||
<div className="flex-1 p-8 container mx-auto max-w-7xl">
|
||||
{children}
|
||||
</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>
|
||||
</div>
|
||||
);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user