fix: Clearing feilds on apply

Author: praveen5959

src/hooks/useCorrelationQueryLogs.tsx

@@ -1,18 +1,19 @@
-import { getCorrelationQueryLogsWithHeaders } from '@/api/query';
-import useMountedState from './useMountedState';
-import { useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
-import _ from 'lodash';
-import { AxiosError } from 'axios';
-import { useStreamStore } from '@/pages/Stream/providers/StreamProvider';
 import {
 	CORRELATION_LOAD_LIMIT,
 	correlationStoreReducers,
 	useCorrelationStore,
 } from '@/pages/Correlation/providers/CorrelationProvider';
+
+import { AxiosError } from 'axios';
+import { LogsResponseWithHeaders } from '@/@types/parseable/api/query';
+import _ from 'lodash';
+import { getCorrelationQueryLogsWithHeaders } from '@/api/query';
 import { notifyError } from '@/utils/notification';
+import { useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
+import useMountedState from './useMountedState';
 import { useQuery } from 'react-query';
-import { LogsResponseWithHeaders } from '@/@types/parseable/api/query';
 import { useState } from 'react';
+import { useStreamStore } from '@/pages/Stream/providers/StreamProvider';
 
 const { setStreamData, setIsCorrelatedFlag } = correlationStoreReducers;
 
@@ -69,7 +70,6 @@ export const useCorrelationQueryLogs = () => {
 						notifyError({ message: `${currentStream} doesn't have any fields` });
 					}
 				});
-				setCorrelationStore((store) => setIsCorrelatedFlag(store, true));
 			},
 			onError: (data: AxiosError) => {
 				setLoading(false);

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 } = correlationStoreReducers;
+const { toggleSavedCorrelationsModal, setCorrelationId, cleanCorrelationStore } = correlationStoreReducers;
 
 const renderDeleteIcon = () => <IconTrash size={px('1rem')} stroke={1.5} />;
 const renderCloseIcon = () => <IconX size={px('1rem')} stroke={1.5} />;
@@ -106,6 +106,7 @@ const SavedCorrelationItem = (props: { item: Correlation }) => {
 	}, []);
 
 	const onCorrelationAppy = useCallback(() => {
+		setCorrelationData(cleanCorrelationStore);
 		setCorrelationData((store) => setCorrelationId(store, id));
 		closeModal();
 	}, []);