Replace hardcoded data-debug-id + data-debug-label attribute pairs with
{...debugProps(id, component, file)} spread in all 17 components/shared/
files. Existing debug-ids preserved unchanged.
27 lines
899 B
TypeScript
27 lines
899 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', 'StatusBar', 'shared/status-bar.tsx')}
|
|
>
|
|
<span>© {new Date().getFullYear()} Scrum4Me</span>
|
|
<span>v{version} · gebouwd op {buildDate}{isDev && <DebugToggle />}</span>
|
|
</footer>
|
|
)
|
|
}
|