admin
66 lines
2.0 KiB
TypeScript
66 lines
2.0 KiB
TypeScript
'use client';
|
|
|
|
import { useEffect, useState } from 'react';
|
|
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
|
|
import { documentNumberingService } from '@/lib/services/document-numbering.service';
|
|
import { format } from 'date-fns';
|
|
import { NumberingAuditLog } from '@/types/dto/numbering.dto';
|
|
|
|
export function AuditLogsTable() {
|
|
const [logs, setLogs] = useState<NumberingAuditLog[]>([]);
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
useEffect(() => {
|
|
async function fetchLogs() {
|
|
try {
|
|
const data = await documentNumberingService.getMetrics(); // Using metrics endpoint for now as it contains logs
|
|
if (data && data.audit) {
|
|
setLogs(data.audit);
|
|
}
|
|
} catch (_error) {
|
|
// Failed to fetch audit logs - empty state shown
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
fetchLogs();
|
|
}, []);
|
|
|
|
if (loading) return <div>Loading logs...</div>;
|
|
|
|
return (
|
|
<div className="rounded-md border">
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead>Time</TableHead>
|
|
<TableHead>Operation</TableHead>
|
|
<TableHead>Number</TableHead>
|
|
<TableHead>User</TableHead>
|
|
<TableHead>Status</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{logs.length === 0 ? (
|
|
<TableRow>
|
|
<TableCell colSpan={5} className="text-center">
|
|
No logs found.
|
|
</TableCell>
|
|
</TableRow>
|
|
) : (
|
|
logs.map((log) => (
|
|
<TableRow key={log.id}>
|
|
<TableCell>{format(new Date(log.createdAt), 'yyyy-MM-dd HH:mm:ss')}</TableCell>
|
|
<TableCell>{log.operation}</TableCell>
|
|
<TableCell>{log.documentNumber}</TableCell>
|
|
<TableCell>{log.createdBy || 'System'}</TableCell>
|
|
<TableCell>{log.status}</TableCell>
|
|
</TableRow>
|
|
))
|
|
)}
|
|
</TableBody>
|
|
</Table>
|
|
</div>
|
|
);
|
|
}
|