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

feat(PBI-49): add BEM sub-element data-debug-id to admin, auth, dialogs, entity-dialog, mobile, split-pane

Browse source
This commit is contained in:
Scrum4Me Agent 2026-05-09 22:35:56 +02:00
parent c11b5f3b4c
commit 68a2439b72
9 changed files with 25 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/admin/jobs-table.tsx
View file

@ -101,7 +101,7 @@ function JobRow({ job }: { job: Job }) {
function StatusTable({ jobs }: { jobs: Job[] }) {
return (
<Table>
<Table data-debug-id="admin-jobs-table__table">
<TableHeader>
<TableRow>
<TableHead>ID</TableHead>
@ -172,7 +172,7 @@ function CostRow({ job }: { job: Job }) {
function CostsTable({ jobs }: { jobs: Job[] }) {
return (
<Table>
<Table data-debug-id="admin-jobs-table__table">
<TableHeader>
<TableRow>
<TableHead>ID</TableHead>
@ -204,8 +204,8 @@ export function JobsTable({ jobs }: { jobs: Job[] }) {
const [view, setView] = useState<'status' | 'costs'>('status')
return (
<div className="space-y-3" {...debugProps('jobs-table', 'JobsTable', 'components/admin/jobs-table.tsx')}>
<div className="flex gap-1">
<div className="space-y-3" {...debugProps('admin-jobs-table', 'JobsTable', 'components/admin/jobs-table.tsx')}>
<div className="flex gap-1" data-debug-id="admin-jobs-table__header">
<Button
size="sm"
variant={view === 'status' ? 'default' : 'outline'}

6
components/admin/products-table.tsx
View file

@ -79,8 +79,8 @@ function DeleteDialog({ product }: { product: Product }) {
export function ProductsTable({ products }: { products: Product[] }) {
return (
<Table {...debugProps('products-table', 'ProductsTable', 'components/admin/products-table.tsx')}>
<TableHeader>
<Table {...debugProps('admin-products-table', 'ProductsTable', 'components/admin/products-table.tsx')}>
<TableHeader data-debug-id="admin-products-table__header">
<TableRow>
<TableHead>Naam</TableHead>
<TableHead>Eigenaar</TableHead>
@ -91,7 +91,7 @@ export function ProductsTable({ products }: { products: Product[] }) {
<TableHead className="text-right">Acties</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableBody data-debug-id="admin-products-table__table">
{products.length === 0 && (
<TableRow>
<TableCell colSpan={7} className="text-center text-muted-foreground py-8">

6
components/admin/users-table.tsx
View file

@ -191,8 +191,8 @@ export function UsersTable({
currentUserId: string
}) {
return (
<Table {...debugProps('users-table', 'UsersTable', 'components/admin/users-table.tsx')}>
<TableHeader>
<Table {...debugProps('admin-users-table', 'UsersTable', 'components/admin/users-table.tsx')}>
<TableHeader data-debug-id="admin-users-table__header">
<TableRow>
<TableHead>Gebruiker</TableHead>
<TableHead>Email</TableHead>
@ -202,7 +202,7 @@ export function UsersTable({
<TableHead className="text-right">Acties</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableBody data-debug-id="admin-users-table__table">
{users.map(user => (
<TableRow key={user.id}>
<TableCell className="font-medium">{user.username}</TableCell>