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 (
- }
- onClick={useCallback(() => setLogsStore((store) => toggleSavedFiltersModal(store, true)), [])}>
+ }
+ onClick={onClick}>
Saved Filters
- );
+
+ );
};
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