From a38077d9d7fb0936f828ae3cc5ecc97d4d6102c9 Mon Sep 17 00:00:00 2001
From: Kirill Morozov <grifx.design@gmail.com>
Date: Tue, 12 Apr 2022 20:09:46 +0300
Subject: [PATCH] Added functionality to ClearAll button (#1813)

* Added functionality to ClearAll button

* Added updating count of partitions in URL

* Comments removed

* Added SeekDirection reset

* White spaces removed

Co-authored-by: k.morozov <k.morozov@ffin.ru>
---
 .../Topic/Details/Messages/Filters/Filters.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
index 379a48f68e..d840fc80c3 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
@@ -51,6 +51,7 @@ export interface FiltersProps {
   updateMeta(meta: TopicMessageConsuming): void;
   setIsFetching(status: boolean): void;
 }
+
 export interface MessageFilters {
   name: string;
   code: string;
@@ -165,6 +166,21 @@ const Filters: React.FC<FiltersProps> = ({
     };
   }, [attempt, query, queryType, seekDirection, activeFilter]);
 
+  const handleClearAllFilters = () => {
+    setCurrentSeekType(SeekType.OFFSET);
+    setQuery('');
+    changeSeekDirection(SeekDirection.FORWARD);
+    getSelectedPartitionsFromSeekToParam(searchParams, partitions);
+    setSelectedPartitions(
+      partitions.map((partition: Partition) => {
+        return {
+          value: partition.partition,
+          label: String(partition.partition),
+        };
+      })
+    );
+  };
+
   const handleFiltersSubmit = React.useCallback(() => {
     setAttempt(attempt + 1);
 
@@ -389,7 +405,7 @@ const Filters: React.FC<FiltersProps> = ({
             onChange={setSelectedPartitions}
             labelledBy="Select partitions"
           />
-          <S.ClearAll>Clear all</S.ClearAll>
+          <S.ClearAll onClick={handleClearAllFilters}>Clear all</S.ClearAll>
           {isFetching ? (
             <Button
               type="button"