fix: Saved correlation apply bug fix

Author: praveen5959

src/pages/Correlation/components/CorrelationSideBar.tsx

@@ -1,13 +1,14 @@
-import { TextInput, Text } from '@mantine/core';
-import { IconTrashX } from '@tabler/icons-react';
-import classes from '../styles/Correlation.module.css';
-import { CorrelationFieldItem } from './CorrelationFieldItem';
-import { StreamSelectBox } from './StreamSelectBox';
-import { correlationStoreReducers, useCorrelationStore } from '../providers/CorrelationProvider';
 import { FC, useState } from 'react';
+import { Text, TextInput } from '@mantine/core';
 import { appStoreReducers, useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
+import { correlationStoreReducers, useCorrelationStore } from '../providers/CorrelationProvider';
+
+import { CorrelationFieldItem } from './CorrelationFieldItem';
+import { IconTrashX } from '@tabler/icons-react';
+import { StreamSelectBox } from './StreamSelectBox';
+import classes from '../styles/Correlation.module.css';
 
-const { changeStream } = appStoreReducers;
+const { setStreamForCorrelation } = appStoreReducers;
 const { setIsCorrelatedFlag, setSelectedFields, deleteStreamData } = correlationStoreReducers;
 
 interface CorrelationSideBarProps {
@@ -50,7 +51,7 @@ export const CorrelationSidebar: FC<CorrelationSideBarProps> = ({
 	};
 	const addStream = (value: string | null) => {
 		if (value) {
-			setAppStore((store) => changeStream(store, value));
+			setAppStore((store) => setStreamForCorrelation(store, value));
 		}
 	};
 
@@ -94,7 +95,7 @@ export const CorrelationSidebar: FC<CorrelationSideBarProps> = ({
 									cursor="pointer"
 									size={14}
 									onClick={() => {
-										setAppStore((store) => changeStream(store, ''));
+										setAppStore((store) => setStreamForCorrelation(store, ''));
 										setCorrelationData((store) => setIsCorrelatedFlag(store, false));
 										setSelect1Value({ value: null, dataType: '' });
 										setSelect2Value({ value: null, dataType: '' });

src/pages/Correlation/components/SavedCorrelationItem.tsx

@@ -9,7 +9,7 @@ import classes from '../styles/SavedCorrelationItem.module.css';
 import dayjs from 'dayjs';
 import { useCorrelationsQuery } from '@/hooks/useCorrelations';
 
-const { toggleSavedCorrelationsModal, setCorrelationId, cleanCorrelationStore } = correlationStoreReducers;
+const { toggleSavedCorrelationsModal, setCorrelationId } = correlationStoreReducers;
 
 const renderDeleteIcon = () => <IconTrash size={px('1rem')} stroke={1.5} />;
 const renderCloseIcon = () => <IconX size={px('1rem')} stroke={1.5} />;
@@ -106,7 +106,6 @@ const SavedCorrelationItem = (props: { item: Correlation }) => {
 	}, []);
 
 	const onCorrelationAppy = useCallback(() => {
-		setCorrelationData(cleanCorrelationStore);
 		setCorrelationData((store) => setCorrelationId(store, id));
 		closeModal();
 	}, []);

src/pages/Correlation/index.tsx

@@ -27,7 +27,7 @@ import { useDocumentTitle } from '@mantine/hooks';
 import { useFetchStreamData } from '@/hooks/useFetchStreamData';
 import useParamsController from './hooks/useParamsController';
 
-const { changeStream, setTimeRange } = appStoreReducers;
+const { setStreamForCorrelation, setTimeRange } = appStoreReducers;
 const { setSelectedFields, setCorrelationCondition, setActiveCorrelation, setPageAndPageData, setTargetPage } =
 	correlationStoreReducers;
 
@@ -173,7 +173,7 @@ const Correlation = () => {
 	const updateCorrelationCondition = () => {
 		if (select1Value.value && select2Value.value) {
 			const condition = `"${streamNames[0]}".${select1Value.value} = "${streamNames[1]}".${select2Value.value}`;
-			setAppStore((store) => changeStream(store, 'correlatedStream'));
+			setAppStore((store) => setStreamForCorrelation(store, 'correlatedStream'));
 			setCorrelationData((store) => setCorrelationCondition(store, condition));
 		}
 	};