diff --git a/src/components/Filter/FilterSearch.tsx b/src/components/Filter/FilterSearch.tsx index 65dced54e..950bfa58d 100644 --- a/src/components/Filter/FilterSearch.tsx +++ b/src/components/Filter/FilterSearch.tsx @@ -22,7 +22,7 @@ const useStyles = makeStyles( display: "inline-block" }, tabActionContainer: { - borderBottom: "1px solid #e8e8e8", + borderBottom: `1px solid ${theme.palette.divider}`, display: "flex", justifyContent: "flex-end", marginTop: theme.spacing.unit, diff --git a/src/components/FilterBar/FilterBar.tsx b/src/components/FilterBar/FilterBar.tsx index ed084541e..f4a71b815 100644 --- a/src/components/FilterBar/FilterBar.tsx +++ b/src/components/FilterBar/FilterBar.tsx @@ -64,6 +64,9 @@ const FilterBar: React.FC = ({ return ( = props => { onTabDelete, onTabSave } = props; - const [search, setSearch] = React.useState(initialSearch); const intl = useIntl(); - React.useEffect(() => setSearch(initialSearch), [initialSearch]); const isCustom = currentTab === tabs.length + 1; @@ -50,7 +48,9 @@ const SearchBar: React.FC = props => { )} = ({ currencySymbol, + displayTabAction, filtersList, menu, filterLabel, @@ -93,8 +95,7 @@ export const FilterChips: React.FC = ({ search, onFilterAdd, onFilterSave, - onFilterDelete, - isCustomSearch + onFilterDelete }) => { const theme = useTheme(); const classes = useStyles({ theme }); @@ -127,7 +128,7 @@ export const FilterChips: React.FC = ({ ))} - {isCustomSearch ? ( + {displayTabAction === "save" ? ( = ({ /> ) : ( - - - + displayTabAction === "delete" && ( + + + + ) )} ) : (