From d5f54408b536a5a4b357cc39db5dfb8c04d4bf43 Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Wed, 25 Jun 2025 12:56:51 +0530
Subject: [PATCH] feat: add on preview click

---
 src/components/recorder/SidePanelHeader.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/recorder/SidePanelHeader.tsx b/src/components/recorder/SidePanelHeader.tsx
index 41b33ae7..889a51e3 100644
--- a/src/components/recorder/SidePanelHeader.tsx
+++ b/src/components/recorder/SidePanelHeader.tsx
@@ -2,7 +2,11 @@ import React, { FC, useState } from 'react';
 import { InterpretationButtons } from "../run/InterpretationButtons";
 import { useSocketStore } from "../../context/socket";
 
-export const SidePanelHeader = () => {
+interface SidePanelHeaderProps {
+  onPreviewClick?: () => void;
+}
+
+export const SidePanelHeader = ({ onPreviewClick }: SidePanelHeaderProps) => {
 
   const [steppingIsDisabled, setSteppingIsDisabled] = useState(true);
 
@@ -14,7 +18,10 @@ export const SidePanelHeader = () => {
 
   return (
     <div style={{ width: 'inherit' }}>
-      <InterpretationButtons enableStepping={(isPaused) => setSteppingIsDisabled(!isPaused)} />
+      <InterpretationButtons 
+        enableStepping={(isPaused) => setSteppingIsDisabled(!isPaused)} 
+        onPreviewComplete={onPreviewClick}
+      />
       {/* <Button
        variant='outlined'
        disabled={steppingIsDisabled}