From 87c408da4ee91065e8d5be2961c52bfd4d2d1691 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Tue, 8 Oct 2024 17:41:50 +0530
Subject: [PATCH] feat: get id from socket store

---
 src/components/organisms/RightSidePanel.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 7596691f..796f1b6c 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -20,6 +20,7 @@ import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
 import { emptyWorkflow } from "../../shared/constants";
 import { getActiveWorkflow, getParamsOfActiveWorkflow } from "../../api/workflow";
+import { useSocketStore } from '../../context/socket';
 
 
 const fetchWorkflow = (id: string, callback: (response: WorkflowFile) => void) => {
@@ -54,7 +55,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const { lastAction, notify } = useGlobalInfoStore();
   const { getText, startGetText, stopGetText, getScreenshot, startGetScreenshot, stopGetScreenshot, getList, startGetList, stopGetList, startPaginationMode, stopPaginationMode, paginationType, updatePaginationType, limitType, customLimit, updateLimitType, updateCustomLimit, stopLimitMode, startLimitMode } = useActionContext();
   const { browserSteps, updateBrowserTextStepLabel, deleteBrowserStep, addScreenshotStep, updateListTextFieldLabel, removeListTextField } = useBrowserSteps();
-  const { socket } = useSocketStore();
+  const { id, socket } = useSocketStore();
 
   const workflowHandler = useCallback((data: WorkflowFile) => {
     setWorkflow(data);