diff --git a/src/components/Header/RefreshNow.tsx b/src/components/Header/RefreshNow.tsx index 8be98716..0e83f3af 100644 --- a/src/components/Header/RefreshNow.tsx +++ b/src/components/Header/RefreshNow.tsx @@ -14,7 +14,7 @@ const RefreshNow: FC = () => { const onRefresh = useCallback(() => { setLogsStore((store) => getCleanStoreForRefetch(store)); }, []); - return ; + return ; }; export default RefreshNow; diff --git a/src/pages/Stream/components/PrimaryToolbar.tsx b/src/pages/Stream/components/PrimaryToolbar.tsx index fffe73dc..ee44f906 100644 --- a/src/pages/Stream/components/PrimaryToolbar.tsx +++ b/src/pages/Stream/components/PrimaryToolbar.tsx @@ -1,6 +1,6 @@ -import { Stack, px } from '@mantine/core'; +import { Button, Stack, px } from '@mantine/core'; import IconButton from '@/components/Button/IconButton'; -import { IconListSearch, IconMaximize, IconTrash } from '@tabler/icons-react'; +import { IconFilterHeart, IconMaximize, IconTrash } from '@tabler/icons-react'; import { STREAM_PRIMARY_TOOLBAR_CONTAINER_HEIGHT, STREAM_PRIMARY_TOOLBAR_HEIGHT } from '@/constants/theme'; import TimeRange from '@/components/Header/TimeRange'; import RefreshInterval from '@/components/Header/RefreshInterval'; @@ -15,23 +15,29 @@ 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'; const { toggleDeleteModal } = logsStoreReducers; const { toggleSavedFiltersModal } = filterStoreReducers; const renderMaximizeIcon = () => ; const renderDeleteIcon = () => ; -const renderSavedFiltersIcon = () => ; const MaximizeButton = () => { const [_appStore, setAppStore] = useAppStore((_store) => null); const onClick = useCallback(() => setAppStore(appStoreReducers.toggleMaximize), []); - return ; + return ; }; const SavedFiltersButton = () => { const [_store, setLogsStore] = useFilterStore((_store) => null); - const onClick = useCallback(() => setLogsStore((store) => toggleSavedFiltersModal(store, true)), []); - return ; + const { intervalbtn } = classes; + return ( + ); }; const DeleteStreamButton = () => { diff --git a/src/pages/Stream/components/Querier/index.tsx b/src/pages/Stream/components/Querier/index.tsx index 1b1cd02b..2e055361 100644 --- a/src/pages/Stream/components/Querier/index.tsx +++ b/src/pages/Stream/components/Querier/index.tsx @@ -1,4 +1,4 @@ -import { Group, Menu, Modal, Stack, px } from '@mantine/core'; +import { Group, Menu, Modal, Stack, px, Tooltip } from '@mantine/core'; import { IconChevronDown, IconCodeCircle, IconFilter, IconFilterEdit, IconFilterPlus } from '@tabler/icons-react'; import classes from '../../styles/Querier.module.css'; import { Text } from '@mantine/core'; @@ -227,9 +227,13 @@ const Querier = () => { }} onClick={openSaveFiltersModal}> {custQuerySearchState.savedFilterId ? ( - + + + ) : ( - + + + )} )}