From bc332e55180d6cf8dacd295defab2730ae25999a Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 25 Jul 2024 00:58:08 +0530
Subject: [PATCH] feat: conditionally render buttons

---
 src/components/organisms/RightSidePanel.tsx | 33 +++++++++++++--------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index c4f234a2..f466c0b2 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -83,18 +83,27 @@ export const RightSidePanel = ({ pairForEdit }: RightSidePanelProps) => {
         : null
       }
 
-      <Button variant="contained" onClick={startGetText} disabled={getText}>
-        Capture Text
-      </Button>
-      <Button variant="contained" onClick={stopGetText} disabled={!getText}>
-        Stop Capture Text
-      </Button>
-      <Button variant="contained" onClick={startGetScreenshot} disabled={getScreenshot}>
-        Capture Screenshot
-      </Button>
-      <Button variant="contained" onClick={stopGetScreenshot} disabled={!getScreenshot}>
-        Stop Capture Screenshot
-      </Button>
+      {!getText && (
+        <Button variant="contained" onClick={startGetText}>
+          Capture Text
+        </Button>
+      )}
+      {getText && (
+        <Button variant="contained" onClick={stopGetText}>
+          Stop Capture Text
+        </Button>
+      )}
+
+      {!getScreenshot && (
+        <Button variant="contained" onClick={startGetScreenshot}>
+          Capture Screenshot
+        </Button>
+      )}
+      {getScreenshot && (
+        <Button variant="contained" onClick={stopGetScreenshot}>
+          Stop Capture Screenshot
+        </Button>
+      )}
     </Paper>
   );
 };