From 8e70f043326bd9e236e516e2e592f8f770add796 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 19 Oct 2024 14:02:08 +0530
Subject: [PATCH] feat: pass setShowOutputData prop

---
 src/components/molecules/SidePanelHeader.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/molecules/SidePanelHeader.tsx b/src/components/molecules/SidePanelHeader.tsx
index 54ae3060..2ad13660 100644
--- a/src/components/molecules/SidePanelHeader.tsx
+++ b/src/components/molecules/SidePanelHeader.tsx
@@ -10,7 +10,11 @@ import { FastForward } from "@mui/icons-material";
 import { useSocketStore } from "../../context/socket";
 import { useGlobalInfoStore } from "../../context/globalInfo";
 
-export const SidePanelHeader = () => {
+interface SidePanelHeaderProps {
+  setShowOutputData: (show: boolean) => void;
+}
+
+export const SidePanelHeader: React.FC<SidePanelHeaderProps> = ({ setShowOutputData }) => {
 
  const [steppingIsDisabled, setSteppingIsDisabled] = useState(true);
 
@@ -22,8 +26,8 @@ export const SidePanelHeader = () => {
 
  return (
    <div style={{width: 'inherit'}}>
-    <InterpretationButtons enableStepping={(isPaused) => setSteppingIsDisabled(!isPaused)}/>
-     <Button
+    <InterpretationButtons enableStepping={(isPaused) => setSteppingIsDisabled(!isPaused)} setShowOutputData={setShowOutputData} />
+     {/* <Button
        variant='outlined'
        disabled={steppingIsDisabled}
        onClick={handleStep}
@@ -31,7 +35,7 @@ export const SidePanelHeader = () => {
      >
        step
        <FastForward/>
-     </Button>
+     </Button> */}
     <hr/>
    </div>
  );