From f76c18ea3a97ab3c84498b4f44a29f36a731ad24 Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Thu, 6 Jul 2023 18:26:04 +0200
Subject: [PATCH] Client: Define vendor_name field in list

---
 client/src/pages/filaments/list.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/filaments/list.tsx b/client/src/pages/filaments/list.tsx
index 24aa6d4..b3687c3 100644
--- a/client/src/pages/filaments/list.tsx
+++ b/client/src/pages/filaments/list.tsx
@@ -57,6 +57,15 @@ export const FilamentList: React.FC<IResourceComponentsProps> = () => {
   // Copy dataSource to avoid mutating the original
   const dataSource = [...(tableProps.dataSource || [])];
 
+  // Add a vendor_name field to the dataSource
+  dataSource.forEach((element) => {
+    if (element.vendor) {
+      element.vendor_name = element.vendor.name;
+    } else {
+      element.vendor_name = null;
+    }
+  });
+
   // Sort dataSource by the sorters
   dataSource.sort(genericSorter(sorters));
 
@@ -84,10 +93,10 @@ export const FilamentList: React.FC<IResourceComponentsProps> = () => {
           defaultSortOrder={defaultSortOrder("id")}
         />
         <Table.Column
-          dataIndex={["vendor", "name"]}
+          dataIndex="vendor_name"
           title="Vendor"
           sorter={true}
-          defaultSortOrder={defaultSortOrder("vendor.name")}
+          defaultSortOrder={defaultSortOrder("vendor_name")}
         />
         <Table.Column
           dataIndex="name"