Fix inline style

1 files changed, 7 insertions, 8 deletions

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',