hidden capture button

background.js

@@ -265,6 +265,7 @@ var getUserDetails = null
             });
             sendMessageToActiveTab("recordingStopped")
             setData("recording", false)
+            setData("imageNumber", 0)
             setData("tutorShotId", tutorShotId)
             return
         }

content.js

@@ -150,7 +150,7 @@ var tutorShotOid = null;
         <img class="img" src="${origin}/assets/icons/redo.svg" width="20">
         <span class="item-text">RESTART</span>
     </div>
-    <div class="item" tutor-shot="capture-btn">
+    <div class="item" tutor-shot="capture-btn" style="display:none;">
         <img class="img" src="${origin}/assets/icons/capture.svg" width="20">
         <span class="item-text">CAPTURE</span>
     </div>
@@ -244,21 +244,21 @@ function reRenderFloatingBar(data) {
         btn.pause.style.display = 'none'
         btn.stop.style.display = 'flex'
         btn.restart.style.display = 'flex'
-        btn.capture.style.display = 'flex'
+        // btn.capture.style.display = 'flex'
     }
     else if (data?.status == 'recording') {
         btn.play.style.display = 'none'
         btn.pause.style.display = 'flex'
         btn.restart.style.display = 'flex'
-        btn.capture.style.display = 'flex'
         btn.stop.style.display = 'flex'
+        // btn.capture.style.display = 'flex'
     }
     else { // stopped
         btn.play.style.display = 'flex'
         btn.pause.style.display = 'none'
         btn.stop.style.display = 'none'
-        btn.capture.style.display = 'none'
         btn.restart.style.display = 'none'
+        // btn.capture.style.display = 'none'
     }
     // floatingBar.innerHTML = innerHTML
 }