From 4ce85b97f9165015739d5957f525fe0470e16b98 Mon Sep 17 00:00:00 2001
From: Praveen K B <praveenbhat98@gmail.com>
Date: Mon, 13 Jan 2025 16:37:23 +0530
Subject: [PATCH] fix: Correlate btn and explore page changes

---
 src/pages/Correlation/index.tsx                     | 2 +-
 src/pages/Correlation/styles/Correlation.module.css | 1 -
 src/pages/Stream/components/PrimaryToolbar.tsx      | 9 +++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Correlation/index.tsx b/src/pages/Correlation/index.tsx
index 7e7606d3..c2eb2b96 100644
--- 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
index 59053ff6..80aeb87d 100644
--- 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
index 7c28b041..ad50af00 100644
--- 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 />