Add throttle prop to CollectionList, ObjectList, and TemplateList com…

…ponents
anyproto · Feb 14, 2025 · 218315c · 218315c
1 parent 72b2056
commit 218315c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/src/components/CollectionList.tsx b/src/components/CollectionList.tsx
@@ -36,6 +36,7 @@ export default function CollectionList({ spaceId, listId }: CollectionListProps)
       onSearchTextChange={setSearchText}
       searchBarPlaceholder={"Search objects in list..."}
       pagination={objectsPagination}
+      throttle={true}
     >
       {filteredObjects && filteredObjects.length > 0 ? (
         <List.Section

diff --git a/src/components/ObjectList.tsx b/src/components/ObjectList.tsx
@@ -175,19 +175,21 @@ export default function ObjectList({ spaceId }: ObjectListProps) {
   };
 
   const { processedPinned, processedRegular } = getCurrentItems();
+  const isLoading =
+    isLoadingObjects ||
+    isLoadingTypes ||
+    isLoadingMembers ||
+    isLoadingPinnedObjects ||
+    isLoadingPinnedTypes ||
+    isLoadingPinnedMembers;
 
   return (
     <List
-      isLoading={
-        isLoadingObjects ||
-        isLoadingTypes ||
-        isLoadingMembers ||
-        isLoadingPinnedObjects ||
-        isLoadingPinnedTypes ||
-        isLoadingPinnedMembers
-      }
+      isLoading={isLoading}
       onSearchTextChange={setSearchText}
       searchBarPlaceholder={`Search ${currentView}...`}
+      pagination={pagination}
+      throttle={true}
       searchBarAccessory={
         <List.Dropdown
           tooltip="Choose View"
@@ -198,8 +200,6 @@ export default function ObjectList({ spaceId }: ObjectListProps) {
           <List.Dropdown.Item title="Members" value="members" icon={Icon.PersonCircle} />
         </List.Dropdown>
       }
-      pagination={pagination}
-      throttle={true}
     >
       {processedPinned && processedPinned.length > 0 && (
         <List.Section

diff --git a/src/components/TemplateList.tsx b/src/components/TemplateList.tsx
@@ -55,6 +55,7 @@ export default function TemplateList({ spaceId, typeId, viewType, isGlobalSearch
       onSearchTextChange={setSearchText}
       searchBarPlaceholder="Search templates and objects..."
       pagination={objectsPagination || templatesPagination}
+      throttle={true}
     >
       {filteredTemplates && filteredTemplates.length > 0 ? (
         <List.Section