From cf544e175ae6715c71031ccbc4d123c035febe61 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Tue, 27 Jul 2021 08:01:03 -0700
Subject: Create front flash for videos

---
 src/screens/moments/CameraScreen.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx
index 27412486..f7820f58 100644
--- a/src/screens/moments/CameraScreen.tsx
+++ b/src/screens/moments/CameraScreen.tsx
@@ -4,14 +4,14 @@ import {RouteProp} from '@react-navigation/core';
 import {useFocusEffect} from '@react-navigation/native';
 import {StackNavigationProp} from '@react-navigation/stack';
 import React, {createRef, useCallback, useEffect, useState} from 'react';
-import {StyleSheet, TouchableOpacity, View} from 'react-native';
+import {Modal, StyleSheet, TouchableOpacity, View} from 'react-native';
 import {CameraType, FlashMode, RNCamera} from 'react-native-camera';
 import {AnimatedCircularProgress} from 'react-native-circular-progress';
 import CloseIcon from '../../assets/ionicons/close-outline.svg';
 import {FlashButton, FlipButton, GalleryIcon} from '../../components';
 import {TAGG_PURPLE} from '../../constants';
 import {MainStackParams} from '../../routes';
-import {HeaderHeight, SCREEN_WIDTH} from '../../utils';
+import {HeaderHeight, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 import {showGIFFailureAlert, takePicture, takeVideo} from '../../utils/camera';
 
 type CameraScreenRouteProps = RouteProp<MainStackParams, 'CameraScreen'>;
@@ -84,6 +84,16 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
 
   return (
     <View style={styles.container}>
+      <Modal transparent={true} visible={isRecording && cameraType === 'front'}>
+        <View
+          style={{
+            width: SCREEN_WIDTH,
+            height: SCREEN_HEIGHT,
+            backgroundColor: '#fff',
+            opacity: 0.5,
+          }}
+        />
+      </Modal>
       <TouchableOpacity style={styles.closeButton} onPress={handleClose}>
         <CloseIcon height={25} width={25} color={'white'} />
       </TouchableOpacity>
-- 
cgit v1.2.3-70-g09d2


From be860f27c915bcfb1be2cddc812dddea1dfc555a Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Tue, 27 Jul 2021 08:21:06 -0700
Subject: Missed condition

---
 src/screens/moments/CameraScreen.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx
index f7820f58..e1ae25e9 100644
--- a/src/screens/moments/CameraScreen.tsx
+++ b/src/screens/moments/CameraScreen.tsx
@@ -84,7 +84,9 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
 
   return (
     <View style={styles.container}>
-      <Modal transparent={true} visible={isRecording && cameraType === 'front'}>
+      <Modal
+        transparent={true}
+        visible={isRecording && cameraType === 'front' && flashMode === 'on'}>
         <View
           style={{
             width: SCREEN_WIDTH,
-- 
cgit v1.2.3-70-g09d2


From 4276cf917835c661b0bddda8863937dd4158247e Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Tue, 27 Jul 2021 08:33:12 -0700
Subject: Add back camera flash for videos

---
 src/screens/moments/CameraScreen.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx
index e1ae25e9..ef0ddd11 100644
--- a/src/screens/moments/CameraScreen.tsx
+++ b/src/screens/moments/CameraScreen.tsx
@@ -104,7 +104,11 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
         ref={cameraRef}
         style={styles.camera}
         type={cameraType}
-        flashMode={flashMode}
+        flashMode={
+          flashMode === 'on' && isRecording && cameraType === 'back'
+            ? 'torch'
+            : flashMode
+        }
         onDoubleTap={() => {
           setCameraType(cameraType === 'front' ? 'back' : 'front');
         }}
-- 
cgit v1.2.3-70-g09d2


From 901a70f5b61a409e96b741505af44b6f7e6fcd7d Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Thu, 29 Jul 2021 07:57:02 -0700
Subject: Fix inline style

---
 src/screens/moments/CameraScreen.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx
index ef0ddd11..40db1191 100644
--- a/src/screens/moments/CameraScreen.tsx
+++ b/src/screens/moments/CameraScreen.tsx
@@ -87,14 +87,7 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
       <Modal
         transparent={true}
         visible={isRecording && cameraType === 'front' && flashMode === 'on'}>
-        <View
-          style={{
-            width: SCREEN_WIDTH,
-            height: SCREEN_HEIGHT,
-            backgroundColor: '#fff',
-            opacity: 0.5,
-          }}
-        />
+        <View style={styles.flashView} />
       </Modal>
       <TouchableOpacity style={styles.closeButton} onPress={handleClose}>
         <CloseIcon height={25} width={25} color={'white'} />
@@ -180,6 +173,12 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     backgroundColor: 'black',
   },
+  flashView: {
+    width: SCREEN_WIDTH,
+    height: SCREEN_HEIGHT,
+    backgroundColor: '#fff',
+    opacity: 0.5,
+  },
   captureButtonVideoContainer: {
     alignSelf: 'center',
     backgroundColor: 'transparent',
-- 
cgit v1.2.3-70-g09d2