Hide capture button

1 files changed, 34 insertions, 26 deletions

diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx
index ee5834cb..18e04261 100644
--- a/src/screens/moments/CameraScreen.tsx
+++ b/src/screens/moments/CameraScreen.tsx
@@ -123,33 +123,37 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
         ) : (
           <FlipButton cameraType={cameraType} setCameraType={setCameraType} />
         )}
-        <TouchableOpacity
-          activeOpacity={1}
-          onLongPress={() => {
-            takeVideo(cameraRef, (vid) => {
-              navigateToCaptionScreen(true, vid.uri);
-            });
-            setIsRecording(true);
-          }}
-          onPressOut={async () => {
-            if (await cameraRef.current?.isRecording()) {
-              cameraRef.current?.stopRecording();
-              setIsRecording(false);
+        {!showSaveButton ? (
+          <TouchableOpacity
+            style={
+              isRecording
+                ? styles.captureButtonVideoContainer
+                : styles.captureButtonContainer
             }
-          }}
-          onPress={() => {
-            takePicture(cameraRef, (pic) => {
-              setShowSaveButton(true);
-              setMediaFromGallery(pic.uri);
-            });
-          }}
-          style={
-            isRecording
-              ? styles.captureButtonVideoContainer
-              : styles.captureButtonContainer
-          }>
-          <View style={styles.captureButton} />
-        </TouchableOpacity>
+            activeOpacity={1}
+            onLongPress={() => {
+              takeVideo(cameraRef, (vid) => {
+                navigateToCaptionScreen(true, vid.uri);
+              });
+              setIsRecording(true);
+            }}
+            onPressOut={async () => {
+              if (await cameraRef.current?.isRecording()) {
+                cameraRef.current?.stopRecording();
+                setIsRecording(false);
+              }
+            }}
+            onPress={() => {
+              takePicture(cameraRef, (pic) => {
+                setShowSaveButton(true);
+                setMediaFromGallery(pic.uri);
+              });
+            }}>
+            <View style={styles.captureButton} />
+          </TouchableOpacity>
+        ) : (
+          <View style={styles.captureButtonPlaceholder} />
+        )}
         {isRecording && (
           <AnimatedCircularProgress
             size={95}
@@ -217,6 +221,10 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  captureButtonPlaceholder: {
+    width: 93,
+    height: 93,
+  },
   captureButtonContainer: {
     alignSelf: 'center',
     backgroundColor: 'transparent',