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 { 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>
|
||||||
);
|
);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user