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 = ({ }; }, [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 = ({ onChange={setSelectedPartitions} labelledBy="Select partitions" /> - Clear all + Clear all {isFetching ? (