From 880cabbc531e511557bd78b1cdea3a471d321e4a Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Thu, 9 Jan 2025 19:16:00 +0530
Subject: [PATCH] chore: lint

---
 .../molecules/LeftSidePanelContent.tsx        | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/molecules/LeftSidePanelContent.tsx b/src/components/molecules/LeftSidePanelContent.tsx
index 79750d8f..eb5d7b12 100644
--- a/src/components/molecules/LeftSidePanelContent.tsx
+++ b/src/components/molecules/LeftSidePanelContent.tsx
@@ -18,7 +18,7 @@ interface LeftSidePanelContentProps {
   handleSelectPairForEdit: (pair: WhereWhatPair, index: number) => void;
 }
 
-export const LeftSidePanelContent = ({ workflow, updateWorkflow, recordingName, handleSelectPairForEdit}: LeftSidePanelContentProps) => {
+export const LeftSidePanelContent = ({ workflow, updateWorkflow, recordingName, handleSelectPairForEdit }: LeftSidePanelContentProps) => {
   const [activeId, setActiveId] = React.useState<number>(0);
   const [breakpoints, setBreakpoints] = React.useState<boolean[]>([]);
   const [showEditModal, setShowEditModal] = useState(false);
@@ -67,12 +67,12 @@ export const LeftSidePanelContent = ({ workflow, updateWorkflow, recordingName,
   return (
     <div>
       <Tooltip title='Add pair' placement='left' arrow>
-        <div style={{ float: 'right'}}>
+        <div style={{ float: 'right' }}>
           <AddButton
             handleClick={handleAddPair}
             title=''
             hoverEffect={false}
-            style={{color: 'white', background: '#1976d2'}}
+            style={{ color: 'white', background: '#1976d2' }}
           />
         </div>
       </Tooltip>
@@ -86,20 +86,20 @@ export const LeftSidePanelContent = ({ workflow, updateWorkflow, recordingName,
         />
       </GenericModal>
       <div>
-      {
-        workflow.workflow.map((pair, i, workflow, ) =>
-          <Pair
-            handleBreakpoint={() => handleBreakpointClick(i)}
-            isActive={ activeId === i + 1}
-            key={workflow.length - i}
-            index={workflow.length - i}
-            pair={pair}
-            updateWorkflow={updateWorkflow}
-            numberOfPairs={workflow.length}
-            handleSelectPairForEdit={handleSelectPairForEdit}
-          />)
-      }
-    </div>
+        {
+          workflow.workflow.map((pair, i, workflow,) =>
+            <Pair
+              handleBreakpoint={() => handleBreakpointClick(i)}
+              isActive={activeId === i + 1}
+              key={workflow.length - i}
+              index={workflow.length - i}
+              pair={pair}
+              updateWorkflow={updateWorkflow}
+              numberOfPairs={workflow.length}
+              handleSelectPairForEdit={handleSelectPairForEdit}
+            />)
+        }
+      </div>
     </div>
   );
 };