feat: conditionally render buttons

src/components/organisms/RightSidePanel.tsx

@@ -83,18 +83,27 @@ export const RightSidePanel = ({ pairForEdit }: RightSidePanelProps) => {
         : null
       }
 
-      <Button variant="contained" onClick={startGetText} disabled={getText}>
+      {!getText && (
+        <Button variant="contained" onClick={startGetText}>
           Capture Text
         </Button>
-      <Button variant="contained" onClick={stopGetText} disabled={!getText}>
+      )}
+      {getText && (
+        <Button variant="contained" onClick={stopGetText}>
           Stop Capture Text
         </Button>
-      <Button variant="contained" onClick={startGetScreenshot} disabled={getScreenshot}>
+      )}
+
+      {!getScreenshot && (
+        <Button variant="contained" onClick={startGetScreenshot}>
           Capture Screenshot
         </Button>
-      <Button variant="contained" onClick={stopGetScreenshot} disabled={!getScreenshot}>
+      )}
+      {getScreenshot && (
+        <Button variant="contained" onClick={stopGetScreenshot}>
           Stop Capture Screenshot
         </Button>
+      )}
     </Paper>
   );
 };