Add list search functionality to CreateObjectForm collection dropdown

anyproto · Feb 26, 2025 · 37bfcb0 · 37bfcb0
1 parent 87ff30a
commit 37bfcb0
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/src/components/CreateObjectForm.tsx b/src/components/CreateObjectForm.tsx
@@ -16,6 +16,8 @@ interface CreateObjectFormProps {
   setSelectedType: (type: string) => void;
   selectedList: string;
   setSelectedList: (listId: string) => void;
+  listSearchText: string;
+  setListSearchText: (searchText: string) => void;
   isLoading: boolean;
   draftValues: CreateObjectFormValues;
   enableDrafts: boolean;
@@ -31,6 +33,8 @@ export default function CreateObjectForm({
   setSelectedType,
   selectedList,
   setSelectedList,
+  listSearchText,
+  setListSearchText,
   isLoading,
   draftValues,
   enableDrafts,
@@ -170,10 +174,12 @@ export default function CreateObjectForm({
         title="Collection"
         value={selectedList}
         onChange={setSelectedList}
+        onSearchTextChange={setListSearchText}
+        throttle={true}
         storeValue={true}
         info="Select the collection where the object will be added"
       >
-        <Form.Dropdown.Item key="none" value="" title="No Collection" icon={Icon.Dot} />
+        {!listSearchText && <Form.Dropdown.Item key="none" value="" title="No Collection" icon={Icon.Dot} />}
         {lists.map((list) => (
           <Form.Dropdown.Item key={list.id} value={list.id} title={list.name} icon={list.icon} />
         ))}

diff --git a/src/components/EmptyViewObject.tsx b/src/components/EmptyViewObject.tsx
@@ -31,6 +31,8 @@ export default function EmptyViewObject({ title, contextValues }: EmptyViewObjec
     setSelectedType,
     selectedList,
     setSelectedList,
+    listSearchText,
+    setListSearchText,
     isLoading,
   } = useCreateObjectData(draftValues);
 
@@ -65,6 +67,8 @@ export default function EmptyViewObject({ title, contextValues }: EmptyViewObjec
                 setSelectedType={setSelectedType}
                 selectedList={selectedList}
                 setSelectedList={setSelectedList}
+                listSearchText={listSearchText}
+                setListSearchText={setListSearchText}
                 isLoading={isLoading}
                 draftValues={draftValues}
                 enableDrafts={false}

diff --git a/src/create-object.tsx b/src/create-object.tsx
@@ -54,6 +54,8 @@ function CreateObject({ draftValues, launchContext }: CreateObjectProps) {
     setSelectedType,
     selectedList,
     setSelectedList,
+    listSearchText,
+    setListSearchText,
     isLoading,
   } = useCreateObjectData(mergedValues);
 
@@ -68,6 +70,8 @@ function CreateObject({ draftValues, launchContext }: CreateObjectProps) {
       setSelectedType={setSelectedType}
       selectedList={selectedList}
       setSelectedList={setSelectedList}
+      listSearchText={listSearchText}
+      setListSearchText={setListSearchText}
       isLoading={isLoading}
       draftValues={mergedValues}
       enableDrafts={true}

diff --git a/src/hooks/useCreateObjectData.ts b/src/hooks/useCreateObjectData.ts
@@ -10,12 +10,14 @@ export function useCreateObjectData(initialValues?: CreateObjectFormValues) {
   const [selectedSpace, setSelectedSpace] = useState(initialValues?.space || "");
   const [selectedType, setSelectedType] = useState(initialValues?.type || "");
   const [selectedList, setSelectedList] = useState(initialValues?.list || "");
+  const [listSearchText, setListSearchText] = useState("");
+
   const { spaces, spacesError, isLoadingSpaces } = useSpaces();
   const {
     objects: lists,
     objectsError: listsError,
     isLoadingObjects: isLoadingLists,
-  } = useSearch(selectedSpace, "", ["ot-collection"]);
+  } = useSearch(selectedSpace, listSearchText, ["ot-collection"]);
 
   const restrictedTypes = [
     "ot-audio",
@@ -62,6 +64,8 @@ export function useCreateObjectData(initialValues?: CreateObjectFormValues) {
     setSelectedType,
     selectedList,
     setSelectedList,
+    listSearchText,
+    setListSearchText,
     isLoading,
   };
 }