@Haarolean maybe we should just remove this button, since it looks overkill for current page structure
should we update url as well? done should we reset the seekDirection as well ? done What's going on here? Please follow the existing code style of the project
UI: "Clear all" button not working
**Steps to Reproduce**
Steps to reproduce the behavior:

Go to Topics -> select topic -> Messages -> choose some filter (offset/timestamp) -> click on clear all button

**Actual behavior**

nothing happen

**Expected behavior**

all filters are cleared 

**Screenshots**

<img width="1045" alt="Screenshot 2022-04-06 at 20 07 12" src="https://user-images.githubusercontent.com/702205/162029857-564215b8-2add-426c-9eef-dae3b8475d1f.png">


kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
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 379a48f68e6..d840fc80c3d 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"
