fix: Graph call fixes

Author: praveen5959

src/hooks/useCorrelations.tsx

@@ -14,8 +14,14 @@ import { AxiosError, isAxiosError } from 'axios';
 import { appStoreReducers, useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
 import dayjs from 'dayjs';
 
-const { setCorrelations, setActiveCorrelation, setCorrelationId, setSavedCorrelationId, cleanCorrelationStore } =
-	correlationStoreReducers;
+const {
+	setCorrelations,
+	setActiveCorrelation,
+	setCorrelationId,
+	setSavedCorrelationId,
+	cleanCorrelationStore,
+	toggleSavedCorrelationsModal,
+} = correlationStoreReducers;
 const { setTimeRange } = appStoreReducers;
 export const useCorrelationsQuery = () => {
 	const [{ correlationId }, setCorrelatedStore] = useCorrelationStore((store) => store);
@@ -71,6 +77,7 @@ export const useCorrelationsQuery = () => {
 					setCorrelatedStore(cleanCorrelationStore);
 				}
 				fetchCorrelations();
+				setCorrelatedStore((store) => toggleSavedCorrelationsModal(store, false));
 				notifySuccess({ message: 'Deleted Successfully' });
 			},
 			onError: (data: AxiosError) => {

src/pages/Correlation/components/MultiEventTimeLineGraph.tsx

@@ -317,15 +317,15 @@ const MultiEventTimeLineGraph = () => {
 	useEffect(() => {
 		setMultipleStreamData((prevData) => {
 			const newData = { ...prevData };
-			const streamDataKeys = Object.keys(streamData);
+			const streamDataKeys = Object.keys(fields);
 			Object.keys(newData).forEach((key) => {
 				if (!streamDataKeys.includes(key)) {
 					delete newData[key];
 				}
 			});
 			return newData;
 		});
-	}, [streamData]);
+	}, [fields]);
 
 	useEffect(() => {
 		if (!fields || Object.keys(fields).length === 0) {

src/pages/Correlation/components/SavedCorrelationItem.tsx

@@ -8,7 +8,7 @@ import IconButton from '@/components/Button/IconButton';
 import { useCorrelationsQuery } from '@/hooks/useCorrelations';
 import { correlationStoreReducers, useCorrelationStore } from '../providers/CorrelationProvider';
 
-const { toggleSavedCorrelationsModal } = correlationStoreReducers;
+const { toggleSavedCorrelationsModal, setCorrelationId } = correlationStoreReducers;
 
 const renderDeleteIcon = () => <IconTrash size={px('1rem')} stroke={1.5} />;
 const renderCloseIcon = () => <IconX size={px('1rem')} stroke={1.5} />;
@@ -34,7 +34,7 @@ const SavedCorrelationItem = (props: { item: Correlation }) => {
 	} = props;
 	const [showDeletePropmt, setShowDeletePrompt] = useState<boolean>(false);
 	const [showQuery, setShowQuery] = useState<boolean>(false);
-	const { deleteSavedCorrelationMutation, getCorrelationByIdMutation } = useCorrelationsQuery();
+	const { deleteSavedCorrelationMutation } = useCorrelationsQuery();
 	const [, setCorrelationData] = useCorrelationStore((store) => store);
 
 	const handleDelete = useCallback(() => {
@@ -49,7 +49,7 @@ const SavedCorrelationItem = (props: { item: Correlation }) => {
 	}, []);
 
 	const onCorrelationAppy = useCallback(() => {
-		getCorrelationByIdMutation(id);
+		setCorrelationData((store) => setCorrelationId(store, id));
 		closeModal();
 	}, []);