|
1 |
| -import { DataGrid } from "@maykin-ui/admin-ui"; |
| 1 | +import { AttributeTable, DataGrid } from "@maykin-ui/admin-ui"; |
2 | 2 |
|
3 | 3 | import { useAuditLog } from "../../hooks";
|
| 4 | +import { AuditLogItem } from "../../lib/api/auditLog"; |
4 | 5 | import { DestructionList } from "../../lib/api/destructionLists";
|
5 | 6 | import { formatDateAndTime } from "../../lib/format/date";
|
6 | 7 | import { formatUser } from "../../lib/format/user";
|
7 | 8 |
|
8 |
| -/** |
9 |
| - * Shows the destruction list's audit log (if passed). |
10 |
| - */ |
11 |
| -export function DestructionListAuditLog({ |
12 |
| - destructionList, |
| 9 | +export function DestructionListAuditLogHistory({ |
| 10 | + logItems, |
13 | 11 | }: {
|
14 |
| - destructionList?: DestructionList; |
| 12 | + logItems: AuditLogItem[]; |
15 | 13 | }) {
|
16 |
| - const logItems = useAuditLog(destructionList); |
17 |
| - |
18 |
| - const objectList = logItems.map((logItem) => ({ |
| 14 | + const historyObjectList = logItems.map((logItem) => ({ |
19 | 15 | Datum: formatDateAndTime(logItem.timestamp),
|
20 | 16 | "Gewijzigd door": formatUser(logItem.user),
|
21 | 17 | Wijziging: logItem.message,
|
22 | 18 | }));
|
23 | 19 |
|
24 |
| - return <DataGrid objectList={objectList} sort={true} />; |
| 20 | + return <DataGrid objectList={historyObjectList} sort={true} />; |
| 21 | +} |
| 22 | + |
| 23 | +export function DestructionListAuditLogDetails({ |
| 24 | + destructionList, |
| 25 | +}: { |
| 26 | + destructionList?: DestructionList; |
| 27 | +}) { |
| 28 | + const logItemsReadyForFirstReview = useAuditLog( |
| 29 | + destructionList, |
| 30 | + "destruction_list_ready_for_first_review", |
| 31 | + ); |
| 32 | + const readyForFirstReviewLogItem = |
| 33 | + logItemsReadyForFirstReview.length > 0 |
| 34 | + ? logItemsReadyForFirstReview[0] |
| 35 | + : null; |
| 36 | + |
| 37 | + if (!readyForFirstReviewLogItem) { |
| 38 | + return null; |
| 39 | + } |
| 40 | + |
| 41 | + const extraData = readyForFirstReviewLogItem.extraData; |
| 42 | + const detailsObjectList = { |
| 43 | + Auteur: formatUser(readyForFirstReviewLogItem.user), |
| 44 | + ...(extraData && { |
| 45 | + "Min/Max archiefactiedatum": `van ${ |
| 46 | + extraData.minArchiefactiedatum && |
| 47 | + formatDateAndTime(extraData.minArchiefactiedatum) |
| 48 | + } tot ${extraData.maxArchiefactiedatum && formatDateAndTime(extraData.maxArchiefactiedatum)}`, |
| 49 | + Zaaktypen: extraData.zaaktypen |
| 50 | + ?.map((zaaktype) => zaaktype.label) |
| 51 | + .join(", "), |
| 52 | + Resultaten: extraData.resultaten |
| 53 | + ?.map((resultaat) => resultaat.label) |
| 54 | + .join(", "), |
| 55 | + Archiefnominaties: extraData.archiefnominaties?.join(", "), |
| 56 | + Comment: extraData.comment, |
| 57 | + "Hoeveelheid Zaken": extraData.numberOfZaken, |
| 58 | + }), |
| 59 | + }; |
| 60 | + |
| 61 | + return <AttributeTable object={detailsObjectList} />; |
25 | 62 | }
|
0 commit comments