From 6934748b14b4554332c9ca9f99ea5a6dbe2c9b84 Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Sat, 12 Aug 2023 21:10:44 +0200
Subject: [PATCH] Client: Enabled search in vendor/filament dropdown

Closes #60
---
 client/src/pages/filaments/create.tsx | 8 +++++++-
 client/src/pages/filaments/edit.tsx   | 8 +++++++-
 client/src/pages/spools/create.tsx    | 8 +++++++-
 client/src/pages/spools/edit.tsx      | 8 +++++++-
 4 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/filaments/create.tsx b/client/src/pages/filaments/create.tsx
index fb7dc7e..65396c9 100644
--- a/client/src/pages/filaments/create.tsx
+++ b/client/src/pages/filaments/create.tsx
@@ -56,7 +56,13 @@ export const FilamentCreate: React.FC<IResourceComponentsProps & CreateOrClonePr
             },
           ]}
         >
-          <Select {...selectProps} allowClear />
+          <Select
+            {...selectProps}
+            allowClear
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("filament.fields.color_hex")}
diff --git a/client/src/pages/filaments/edit.tsx b/client/src/pages/filaments/edit.tsx
index 06fbba3..07873e5 100644
--- a/client/src/pages/filaments/edit.tsx
+++ b/client/src/pages/filaments/edit.tsx
@@ -78,7 +78,13 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
             return value;
           }}
         >
-          <Select {...selectProps} allowClear />
+          <Select
+            {...selectProps}
+            allowClear
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("filament.fields.color_hex")}
diff --git a/client/src/pages/spools/create.tsx b/client/src/pages/spools/create.tsx
index 9043646..d8ad628 100644
--- a/client/src/pages/spools/create.tsx
+++ b/client/src/pages/spools/create.tsx
@@ -96,7 +96,13 @@ export const SpoolCreate: React.FC<IResourceComponentsProps & CreateOrCloneProps
             },
           ]}
         >
-          <Select options={filamentOptions} />
+          <Select
+            options={filamentOptions}
+            showSearch
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("spool.fields.used_weight")}
diff --git a/client/src/pages/spools/edit.tsx b/client/src/pages/spools/edit.tsx
index 1b7e1f2..c406dbf 100644
--- a/client/src/pages/spools/edit.tsx
+++ b/client/src/pages/spools/edit.tsx
@@ -107,7 +107,13 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
             },
           ]}
         >
-          <Select options={filamentOptions} />
+          <Select
+            options={filamentOptions}
+            showSearch
+            filterOption={(input, option) =>
+              typeof option?.label === "string" && option?.label.toLowerCase().includes(input.toLowerCase())
+            }
+          />
         </Form.Item>
         <Form.Item
           label={t("spool.fields.used_weight")}