show the camera after the required permissions have been granted

src/page/publish/view.js

@@ -870,6 +870,7 @@ class PublishPage extends React.PureComponent {
     const {
       allThumbnailsChecked,
       canUseCamera,
+      showCameraOverlay,
       currentPhase,
       checkedThumbnails,
       loadingVideos,
@@ -882,7 +883,9 @@ class PublishPage extends React.PureComponent {
       content = (
         <View style={publishStyle.gallerySelector}>
           <View style={publishStyle.actionsView}>
-            {canUseCamera && <RNCamera style={publishStyle.cameraPreview} type={RNCamera.Constants.Type.back} />}
+            {canUseCamera && !showCameraOverlay && (
+              <RNCamera captureAudio={false} style={publishStyle.cameraPreview} type={RNCamera.Constants.Type.back} />
+            )}
             <View style={publishStyle.actionsSubView}>
               <TouchableOpacity
                 style={[
@@ -1236,8 +1239,9 @@ class PublishPage extends React.PureComponent {
         {false && Constants.PHASE_SELECTOR !== this.state.currentPhase && (
           <FloatingWalletBalance navigation={navigation} />
         )}
-        {this.state.canUseCamera && this.state.showCameraOverlay && (
+        {this.state.showCameraOverlay && (
           <View style={publishStyle.cameraOverlay}>
+            {this.state.canUseCamera && (
               <RNCamera
                 captureAudio={this.state.videoRecordingMode}
                 style={publishStyle.fullCamera}
@@ -1264,6 +1268,7 @@ class PublishPage extends React.PureComponent {
                   </View>
                 }
               />
+            )}
             <View
               style={[
                 publishStyle.cameraControls,