From 71e4ebc22dcdabe1a6f06dbcf82bebd56010fe9b Mon Sep 17 00:00:00 2001
From: janpeter visser <janpetervisser2@gmail.com>
Date: Fri, 24 Apr 2026 17:12:20 +0200
Subject: [PATCH] feat: statusbalk met versie en builddatum

Voegt sticky statusbalk toe aan de onderkant van de app met:
- Copyright melding
- App-versie uit package.json (NEXT_PUBLIC_APP_VERSION)
- Builddatum ingesteld op het moment van de build (NEXT_PUBLIC_BUILD_DATE)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/(app)/layout.tsx             |  4 +++-
 components/shared/status-bar.tsx | 18 ++++++++++++++++++
 next.config.ts                   | 12 ++++++++----
 3 files changed, 29 insertions(+), 5 deletions(-)
 create mode 100644 components/shared/status-bar.tsx

diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index 70579a5..74777e9 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -4,6 +4,7 @@ import { getIronSession } from 'iron-session'
 import { SessionData, sessionOptions } from '@/lib/session'
 import { NavBar } from '@/components/shared/nav-bar'
 import { MinWidthBanner } from '@/components/shared/min-width-banner'
+import { StatusBar } from '@/components/shared/status-bar'
 
 export default async function AppLayout({ children }: { children: React.ReactNode }) {
   const session = await getIronSession<SessionData>(await cookies(), sessionOptions)
@@ -19,9 +20,10 @@ export default async function AppLayout({ children }: { children: React.ReactNod
       </a>
       <NavBar isDemo={session.isDemo} />
       <MinWidthBanner />
-      <main id="main-content" className="flex-1 flex flex-col">
+      <main id="main-content" className="flex-1 flex flex-col overflow-hidden">
         {children}
       </main>
+      <StatusBar />
     </div>
   )
 }
diff --git a/components/shared/status-bar.tsx b/components/shared/status-bar.tsx
new file mode 100644
index 0000000..d403e82
--- /dev/null
+++ b/components/shared/status-bar.tsx
@@ -0,0 +1,18 @@
+const buildDate = process.env.NEXT_PUBLIC_BUILD_DATE
+  ? new Date(process.env.NEXT_PUBLIC_BUILD_DATE).toLocaleDateString('nl-NL', {
+      day: 'numeric',
+      month: 'short',
+      year: 'numeric',
+    })
+  : '—'
+
+const version = process.env.NEXT_PUBLIC_APP_VERSION ?? '0.0.0'
+
+export function StatusBar() {
+  return (
+    <footer className="shrink-0 border-t border-border bg-surface-container-low px-4 py-1 flex items-center justify-between text-[10px] text-muted-foreground select-none">
+      <span>© {new Date().getFullYear()} Scrum4Me</span>
+      <span>v{version} · gebouwd op {buildDate}</span>
+    </footer>
+  )
+}
diff --git a/next.config.ts b/next.config.ts
index e9ffa30..d9b5acd 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,7 +1,11 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from "next"
+import pkg from "./package.json"
 
 const nextConfig: NextConfig = {
-  /* config options here */
-};
+  env: {
+    NEXT_PUBLIC_APP_VERSION: pkg.version,
+    NEXT_PUBLIC_BUILD_DATE: new Date().toISOString(),
+  },
+}
 
-export default nextConfig;
+export default nextConfig