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 && (
-        Capture Text
+        <Button variant="contained" onClick={startGetText}>
-      </Button>
+          Capture Text
-      <Button variant="contained" onClick={stopGetText} disabled={!getText}>
+        </Button>
-        Stop Capture Text
+      )}
-      </Button>
+      {getText && (
-      <Button variant="contained" onClick={startGetScreenshot} disabled={getScreenshot}>
+        <Button variant="contained" onClick={stopGetText}>
-        Capture Screenshot
+          Stop Capture Text
-      </Button>
+        </Button>
-      <Button variant="contained" onClick={stopGetScreenshot} disabled={!getScreenshot}>
+      )}
-        Stop Capture Screenshot
+
-      </Button>
+      {!getScreenshot && (
+        <Button variant="contained" onClick={startGetScreenshot}>
+          Capture Screenshot
+        </Button>
+      )}
+      {getScreenshot && (
+        <Button variant="contained" onClick={stopGetScreenshot}>
+          Stop Capture Screenshot
+        </Button>
+      )}
     </Paper>
   );
 };