Scrum4Me/components/shared/status-bar.tsx
Scrum4Me Agent e60de10777 feat(PBI-49): add BEM sub-element data-debug-id to StatusBar, NavBar, PanelNavBar
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-09 21:35:48 +02:00

27 lines
938 B
TypeScript

'use client'
import { DebugToggle } from './status-bar-debug-toggle'
import { debugProps } from '@/lib/debug'
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'
const isDev = process.env.NODE_ENV !== 'production'
export function StatusBar() {
return (
<footer
className="shrink-0 border-t border-border bg-surface-container-low h-14 px-4 flex items-center justify-between text-sm text-muted-foreground select-none"
{...debugProps('status-bar')}
>
<span data-debug-id="status-bar__copyright">© {new Date().getFullYear()} Scrum4Me</span>
<span data-debug-id="status-bar__build-info">v{version} · gebouwd op {buildDate}{isDev && <DebugToggle />}</span>
</footer>
)
}