Adopt shared WebUI layout primitives

This commit is contained in:
2026-08-18 11:30:39 +02:00
parent 42a800a7dc
commit f07d12fa52
+9 -8
View File
@@ -1,3 +1,4 @@
import { DescriptionItem, DescriptionList } from "@govoplan/core-webui";
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { Search } from "lucide-react"; import { Search } from "lucide-react";
import { import {
@@ -219,14 +220,14 @@ export default function AdminAuditPanel({ settings, auth, systemMode = false }:
footer={<Button onClick={() => setSelected(null)}>{I18N.close}</Button>}> footer={<Button onClick={() => setSelected(null)}>{I18N.close}</Button>}>
{selected && ( {selected && (
<> <>
<dl className="admin-details-grid"> <DescriptionList>
<div><dt>{I18N.scopeLabel}</dt><dd>{selected.scope}</dd></div> <DescriptionItem term={<>{I18N.scopeLabel}</>}>{selected.scope}</DescriptionItem>
<div><dt>{I18N.actionLabel}</dt><dd>{selected.action}</dd></div> <DescriptionItem term={<>{I18N.actionLabel}</>}>{selected.action}</DescriptionItem>
<div><dt>{I18N.actor}</dt><dd>{selected.actor_email || I18N.system}</dd></div> <DescriptionItem term={<>{I18N.actor}</>}>{selected.actor_email || I18N.system}</DescriptionItem>
<div><dt>{I18N.object}</dt><dd>{selected.object_type || "-"} {selected.object_id || ""}</dd></div> <DescriptionItem term={<>{I18N.object}</>}>{selected.object_type || "-"} {selected.object_id || ""}</DescriptionItem>
<div><dt>{I18N.tenantContext}</dt><dd>{selected.tenant_id || "-"}</dd></div> <DescriptionItem term={<>{I18N.tenantContext}</>}>{selected.tenant_id || "-"}</DescriptionItem>
<div><dt>{I18N.time}</dt><dd>{formatDateTime(selected.created_at)}</dd></div> <DescriptionItem term={<>{I18N.time}</>}>{formatDateTime(selected.created_at)}</DescriptionItem>
</dl> </DescriptionList>
{detailRows.length ? ( {detailRows.length ? (
<DataGrid <DataGrid
id="admin-audit-event-details-grid" id="admin-audit-event-details-grid"