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