fix: Correlate btn and explore page changes

parseablehq · Jan 13, 2025 · 4ce85b9 · 4ce85b9
1 parent 12da404
commit 4ce85b9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/Correlation/index.tsx b/src/pages/Correlation/index.tsx
@@ -367,7 +367,7 @@ const Correlation = () => {
 						<div style={{ display: 'flex', gap: '5px', alignItems: 'center', height: '25px' }}>
 							<Button
 								className={classes.correlateBtn}
-								variant="outline"
+								variant="filled"
 								disabled={!isCorrelationEnabled || Object.keys(selectedFields).length === 0}
 								onClick={() => {
 									setCorrelationData((store) => setIsCorrelatedFlag(store, true));

diff --git a/src/pages/Correlation/styles/Correlation.module.css b/src/pages/Correlation/styles/Correlation.module.css
@@ -225,7 +225,6 @@
 }
 
 .correlateBtn {
-	background-color: white;
 	border-radius: rem(8px);
 	font-size: 0.65rem;
 	cursor: pointer;

diff --git a/src/pages/Stream/components/PrimaryToolbar.tsx b/src/pages/Stream/components/PrimaryToolbar.tsx
@@ -1,6 +1,6 @@
 import { Button, SegmentedControl, Stack, Tooltip, px, rem } from '@mantine/core';
 import IconButton from '@/components/Button/IconButton';
-import { IconBraces, IconFilterHeart, IconMaximize, IconPlus, IconTable, IconTrash } from '@tabler/icons-react';
+import { IconBraces, IconFilterHeart, IconMaximize, IconTable, 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';
@@ -17,6 +17,7 @@ import ShareButton from '@/components/Header/ShareButton';
 import { useLogsStore, logsStoreReducers } from '../providers/LogsProvider';
 import { filterStoreReducers, useFilterStore } from '../providers/FilterProvider';
 import classes from './styles/PrimaryToolbar.module.css';
+import { CorrelationIcon } from '@/components/Navbar/components/CorrelationIcon';
 
 const { toggleDeleteModal, onToggleView } = logsStoreReducers;
 const { toggleSavedFiltersModal } = filterStoreReducers;
@@ -51,8 +52,8 @@ const AddCorrelationButton = () => {
 			className={classes.savedFiltersBtn}
 			h="100%"
 			onClick={() => navigate('/correlation')}
-			leftSection={<IconPlus size={px('1rem')} stroke={1.5} />}>
-			Add correlation
+			leftSection={<CorrelationIcon stroke={'#000000'} strokeWidth={1} />}>
+			Correlate
 		</Button>
 	);
 };
@@ -128,8 +129,8 @@ const PrimaryToolbar = () => {
 			{view === 'explore' ? (
 				<Stack style={{ flexDirection: 'row', height: STREAM_PRIMARY_TOOLBAR_HEIGHT }} w="100%">
 					<StreamDropdown />
-					<Querier />
 					<AddCorrelationButton />
+					<Querier />
 					<SavedFiltersButton />
 					<TimeRange />
 					<RefreshInterval />