Jelajahi Sumber

Fix topics pagination (#1041)

* Fix topics search
Alexander Krivonosov 3 tahun lalu
induk
melakukan
45a2fc2b47

+ 8 - 1
kafka-ui-react-app/src/components/Topics/List/List.tsx

@@ -121,6 +121,13 @@ const List: React.FC<TopicsListProps> = ({
     closeConfirmationModal();
     clearSelectedTopics();
   }, [clusterName, selectedTopics]);
+  const searchHandler = React.useCallback(
+    (searchString: string) => {
+      setTopicsSearch(searchString);
+      history.push(`${pathname}?page=1&perPage=${perPage || PER_PAGE}`);
+    },
+    [search, pathname, perPage]
+  );
 
   return (
     <div className="section">
@@ -142,7 +149,7 @@ const List: React.FC<TopicsListProps> = ({
           </div>
           <div className="column">
             <Search
-              handleSearch={setTopicsSearch}
+              handleSearch={searchHandler}
               placeholder="Search by Topic Name"
               value={search}
             />

+ 1 - 1
kafka-ui-react-app/src/components/Topics/List/__tests__/__snapshots__/List.spec.tsx.snap

@@ -111,7 +111,7 @@ exports[`List when it does not have readonly flag matches the snapshot 1`] = `
               className="column"
             >
               <Search
-                handleSearch={[MockFunction]}
+                handleSearch={[Function]}
                 placeholder="Search by Topic Name"
                 value=""
               >