diff --git a/app/components/VoiceFilter.tsx b/app/components/VoiceFilter.tsx index 42dc587..3592e37 100644 --- a/app/components/VoiceFilter.tsx +++ b/app/components/VoiceFilter.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Select } from 'antd'; +import { Select, Tag } from 'antd'; const { Option } = Select; @@ -14,23 +14,39 @@ const VoiceFilter: React.FC = ({ filters, selectedFilters, onF return (
- {sortedFilterNames.map((filterName) => ( - - ))} +
+ {sortedFilterNames.map((filterName) => ( +
+ +
+ ))} +
+
+ {Object.keys(selectedFilters).map((filterName) => ( + selectedFilters[filterName] && ( + onFilterChange(filterName, '')} + style={{ marginRight: '10px', marginBottom: '10px' }} + > + {selectedFilters[filterName]} + + ) + ))} +
); };