fix: align frontend interfaces with backend DTO field names
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -36,7 +36,7 @@ function AuditLogContent() {
|
||||
const [category, setCategory] = useState('');
|
||||
const [search, setSearch] = useState('');
|
||||
const [page, setPage] = useState(0);
|
||||
const [expandedRow, setExpandedRow] = useState<string | null>(null);
|
||||
const [expandedRow, setExpandedRow] = useState<number | null>(null);
|
||||
const pageSize = 25;
|
||||
|
||||
const params: AuditLogParams = {
|
||||
@@ -51,16 +51,16 @@ function AuditLogContent() {
|
||||
|
||||
const audit = useAuditLog(params);
|
||||
const data = audit.data;
|
||||
const totalPages = data ? Math.ceil(data.total / pageSize) : 0;
|
||||
const showingFrom = data && data.total > 0 ? page * pageSize + 1 : 0;
|
||||
const showingTo = data ? Math.min((page + 1) * pageSize, data.total) : 0;
|
||||
const totalPages = data?.totalPages ?? 0;
|
||||
const showingFrom = data && data.totalCount > 0 ? page * pageSize + 1 : 0;
|
||||
const showingTo = data ? Math.min((page + 1) * pageSize, data.totalCount) : 0;
|
||||
|
||||
return (
|
||||
<div className={styles.page}>
|
||||
<div className={styles.header}>
|
||||
<h1 className={styles.pageTitle}>Audit Log</h1>
|
||||
{data && (
|
||||
<span className={styles.totalCount}>{data.total.toLocaleString()} events</span>
|
||||
<span className={styles.totalCount}>{data.totalCount.toLocaleString()} events</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
@@ -121,7 +121,7 @@ function AuditLogContent() {
|
||||
|
||||
{audit.isLoading ? (
|
||||
<div className={styles.loading}>Loading...</div>
|
||||
) : !data || data.events.length === 0 ? (
|
||||
) : !data || data.items.length === 0 ? (
|
||||
<div className={styles.emptyState}>No audit events found for the selected filters.</div>
|
||||
) : (
|
||||
<>
|
||||
@@ -138,7 +138,7 @@ function AuditLogContent() {
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{data.events.map((event) => (
|
||||
{data.items.map((event) => (
|
||||
<>
|
||||
<tr
|
||||
key={event.id}
|
||||
@@ -191,7 +191,7 @@ function AuditLogContent() {
|
||||
Previous
|
||||
</button>
|
||||
<span className={styles.pageInfo}>
|
||||
Showing {showingFrom}-{showingTo} of {data.total.toLocaleString()}
|
||||
Showing {showingFrom}-{showingTo} of {data.totalCount.toLocaleString()}
|
||||
</span>
|
||||
<button
|
||||
type="button"
|
||||
|
||||
Reference in New Issue
Block a user