janpeter/Scrum4Me
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

feat(PBI-49): add debugProps to admin/ + dashboard/ + dialogs/ + mobile/ + split-pane/

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scrum4Me Agent 2026-05-09 21:16:20 +02:00
parent ebac8e5827
commit c2295241c0
10 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/mobile/landscape-guard.tsx
View file

@ -2,6 +2,7 @@
import { useEffect, useState } from 'react'
import { RotateCw } from 'lucide-react'
import { debugProps } from '@/lib/debug'
export function LandscapeGuard({ children }: { children: React.ReactNode }) {
const [isPortrait, setIsPortrait] = useState(false)
@ -22,6 +23,7 @@ export function LandscapeGuard({ children }: { children: React.ReactNode }) {
role="alert"
aria-live="assertive"
className="fixed inset-0 z-50 flex flex-col items-center justify-center gap-4 bg-background text-foreground p-6"
{...debugProps('landscape-guard', 'LandscapeGuard', 'components/mobile/landscape-guard.tsx')}
>
<RotateCw className="size-12 text-primary" />
<p className="text-base font-medium text-center">Draai je telefoon naar landscape</p>

2
components/mobile/logout-button.tsx
View file

@ -14,6 +14,7 @@ import {
} from '@/components/ui/alert-dialog'
import { Button } from '@/components/ui/button'
import { logoutAction } from '@/actions/auth'
import { debugProps } from '@/lib/debug'
export function LogoutButton() {
const [open, setOpen] = useState(false)
@ -31,6 +32,7 @@ export function LogoutButton() {
variant="outline"
onClick={() => setOpen(true)}
className="w-full justify-center gap-2"
{...debugProps('logout-button', 'LogoutButton', 'components/mobile/logout-button.tsx')}
>
<LogOut className="size-4" aria-hidden="true" />
Uitloggen

2
components/mobile/mobile-tab-bar.tsx
View file

@ -4,6 +4,7 @@ import Link from 'next/link'
import { usePathname } from 'next/navigation'
import { ListTree, Activity, Settings } from 'lucide-react'
import { cn } from '@/lib/utils'
import { debugProps } from '@/lib/debug'
interface MobileTabBarProps {
activeProductId: string | null
@ -42,6 +43,7 @@ export function MobileTabBar({ activeProductId }: MobileTabBarProps) {
<nav
aria-label="Hoofdnavigatie"
className="fixed bottom-0 left-0 right-0 z-40 flex border-t border-border bg-surface-container-low"
{...debugProps('mobile-tab-bar', 'MobileTabBar', 'components/mobile/mobile-tab-bar.tsx')}
>
{tabs.map((tab) => {
const Icon = tab.icon