♻️ Update components after changes in admin UI

maykinmedia · Jun 7, 2024 · 3e404e2 · 3e404e2
1 parent 53096c2
commit 3e404e2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/frontend/src/pages/destructionlist/Assignees.tsx b/frontend/src/pages/destructionlist/Assignees.tsx
@@ -5,7 +5,7 @@ import {
   Errors,
   Form,
   FormField,
-  ObjectData,
+  LabeledAttributeData,
   Outline,
   SerializedFormData,
 } from "@maykin-ui/admin-ui";
@@ -76,7 +76,7 @@ export function AssigneesForm({
 export function AssigneesEditable({ assignees }: AssigneesEditableProps) {
   const [isEditing, setIsEditing] = useState(false);
 
-  const assigneesData: ObjectData = {};
+  const assigneesData: LabeledAttributeData = {};
   assignees.map((assignee) => {
     assigneesData[assignee.user.username] = {
       label:
@@ -87,7 +87,7 @@ export function AssigneesEditable({ assignees }: AssigneesEditableProps) {
     };
   });
 
-  const assigneesDisplay = <AttributeTable object={assigneesData} />;
+  const assigneesDisplay = <AttributeTable labeledObject={assigneesData} />;
 
   const assigneesForm = (
     <AssigneesForm
@@ -115,7 +115,7 @@ export function AssigneesEditable({ assignees }: AssigneesEditableProps) {
 
   return (
     <AttributeTable
-      object={{
+      labeledObject={{
         assignees: {
           label: label,
           value: isEditing ? assigneesForm : assigneesDisplay,

diff --git a/frontend/src/pages/destructionlist/DestructionListDetail.tsx b/frontend/src/pages/destructionlist/DestructionListDetail.tsx
@@ -5,7 +5,7 @@ import {
   Column,
   Grid,
   H1,
-  ObjectData,
+  LabeledAttributeData,
   P,
 } from "@maykin-ui/admin-ui";
 import { ActionFunctionArgs } from "@remix-run/router/utils";
@@ -28,7 +28,9 @@ import {
 } from "./types";
 import { formatUser } from "./utils";
 
-function getDisplayableList(destructionList: DestructionListData): ObjectData {
+function getDisplayableList(
+  destructionList: DestructionListData,
+): LabeledAttributeData {
   const createdOn = new Date(destructionList.created);
   const formattedCreatedOn = createdOn.toLocaleString("nl-nl", {
     year: "numeric",
@@ -74,7 +76,9 @@ export function DestructionListDetailPage() {
           <P>
             <Grid>
               <Column span={3}>
-                <AttributeTable object={getDisplayableList(destructionList)} />
+                <AttributeTable
+                  labeledObject={getDisplayableList(destructionList)}
+                />
               </Column>
               <Column span={9}>
                 <AssigneesEditable assignees={destructionList.assignees} />

diff --git a/frontend/src/pages/destructionlist/DestructionListItems.tsx b/frontend/src/pages/destructionlist/DestructionListItems.tsx
@@ -106,7 +106,7 @@ export function DestructionListItems({
             },
           ]}
           onSelect={onSelect}
-          customComparisonFunction={(item1, item2) => item1.uuid === item2.uuid}
+          equalityChecker={(item1, item2) => item1.uuid === item2.uuid}
           paginatorProps={{
             count: allZaken.count,
             pageSize: 100,