diff --git a/src/components/Header/styles/LogQuery.module.css b/src/components/Header/styles/LogQuery.module.css index 8d48063d..446cdbd8 100644 --- a/src/components/Header/styles/LogQuery.module.css +++ b/src/components/Header/styles/LogQuery.module.css @@ -36,9 +36,6 @@ } .intervalbtn { - /* display: flex; */ - /* justify-content: center; */ - /* align-items: center; */ background-color: white; color: var(--mantine-color-gray-7); border: 1px #e9ecef solid; diff --git a/src/pages/Stream/components/PrimaryToolbar.tsx b/src/pages/Stream/components/PrimaryToolbar.tsx index ee44f906..0f6378a6 100644 --- a/src/pages/Stream/components/PrimaryToolbar.tsx +++ b/src/pages/Stream/components/PrimaryToolbar.tsx @@ -15,7 +15,7 @@ import _ from 'lodash'; import StreamingButton from '@/components/Header/StreamingButton'; import { useLogsStore, logsStoreReducers } from '../providers/LogsProvider'; import { filterStoreReducers, useFilterStore } from '../providers/FilterProvider'; -import classes from '../../../components/Header/styles/LogQuery.module.css'; +import classes from './styles/PrimaryToolbar.module.css' const { toggleDeleteModal } = logsStoreReducers; const { toggleSavedFiltersModal } = filterStoreReducers; @@ -30,14 +30,16 @@ const MaximizeButton = () => { const SavedFiltersButton = () => { const [_store, setLogsStore] = useFilterStore((_store) => null); - const { intervalbtn } = classes; + const onClick = useCallback(() => setLogsStore((store) => toggleSavedFiltersModal(store, true)), []); return ( - ); + + ); }; const DeleteStreamButton = () => { diff --git a/src/pages/Stream/components/styles/PrimaryToolbar.module.css b/src/pages/Stream/components/styles/PrimaryToolbar.module.css new file mode 100644 index 00000000..b6700582 --- /dev/null +++ b/src/pages/Stream/components/styles/PrimaryToolbar.module.css @@ -0,0 +1,14 @@ +.savedFiltersBtn { + background-color: white; + color: var(--mantine-color-gray-7); + border: 1px #e9ecef solid; + border-radius: rem(8px); + font-size: 0.65rem; + &:hover { + color: black; + } + } + + .savedFiltersBtn:hover { + background-color: #E0E0E0; + } \ No newline at end of file