From 548907f1898c4fb807e293795a3233c573318906 Mon Sep 17 00:00:00 2001
From: Tugrul Topuz <tugrultopuz@gmail.com>
Date: Fri, 21 May 2021 00:58:26 +0300
Subject: [PATCH] SafeAreaView changes

---
 ios/BluecherryDvr.xcodeproj/project.pbxproj |  1 +
 screens/CameraScreen.js                     | 10 +++++-----
 screens/EventScreen.js                      |  8 ++++----
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/ios/BluecherryDvr.xcodeproj/project.pbxproj b/ios/BluecherryDvr.xcodeproj/project.pbxproj
index 8473984..c175955 100644
--- a/ios/BluecherryDvr.xcodeproj/project.pbxproj
+++ b/ios/BluecherryDvr.xcodeproj/project.pbxproj
@@ -805,6 +805,7 @@
 				CODE_SIGN_ENTITLEMENTS = BluecherryDvr/BluecherryDvr.entitlements;
 				CURRENT_PROJECT_VERSION = 1;
 				DEVELOPMENT_TEAM = 642TR6YWHA;
+				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = BluecherryDvr/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
diff --git a/screens/CameraScreen.js b/screens/CameraScreen.js
index d9664cf..a690ac0 100644
--- a/screens/CameraScreen.js
+++ b/screens/CameraScreen.js
@@ -1,6 +1,6 @@
 
 import React, {useEffect, useState, useCallback, useContext} from 'react';
-import {View, Text, TouchableOpacity, FlatList, ActivityIndicator} from 'react-native';
+import {View, Text, TouchableOpacity, FlatList, ActivityIndicator, SafeAreaView} from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import SplashScreen from 'react-native-splash-screen';
 
@@ -191,19 +191,19 @@ function SetCameraScreen({route: {params: {index, type}}, navigation}) {
 
     }, []);
 
-    return <View style={{flex: 1, justifyContent: 'center'}}>
+    return <SafeAreaView style={{flex: 1, justifyContent: 'center'}}>
         {loading ? <ActivityIndicator size="large" color="white"  /> : <FlatList data={state.deviceList} keyExtractor={({id}) => '' + id} renderItem={({item: {id, device_name}}) =>
             <TouchableOpacity style={{marginTop: 5, paddingLeft: 10, paddingRight: 10, paddingTop: 15,
                 paddingBottom: 15, backgroundColor: '#333333'}} onPress={() => onSelectCamera(id)}>
                 <Text style={{color: 'white'}}>#{id} - {device_name}</Text></TouchableOpacity>} />}
-    </View>;
+    </SafeAreaView>;
 }
 
 function ShowCameraScreen({navigation}) {
 
     const {state} = useContext(SessionContext);
 
-    return <View style={{flex: 1, justifyContent: 'center'}}>
+    return <SafeAreaView style={{flex: 1, justifyContent: 'center'}}>
         <FlatList data={state.deviceList} keyExtractor={({id}) => '' + id} renderItem={({item: {id, device_name}}) =>
             <TouchableOpacity style={{marginTop: 5, paddingLeft: 10, paddingRight: 10, paddingTop: 15,
                 paddingBottom: 15, backgroundColor: '#333333'}} onPress={() => {
@@ -212,7 +212,7 @@ function ShowCameraScreen({navigation}) {
                 })
             }}>
                 <Text style={{color: 'white'}}>#{id} - {device_name}</Text></TouchableOpacity>} />
-    </View>;
+    </SafeAreaView>;
 }
 
 export function CameraScreen() {
diff --git a/screens/EventScreen.js b/screens/EventScreen.js
index 8233d85..ac779d1 100644
--- a/screens/EventScreen.js
+++ b/screens/EventScreen.js
@@ -1,6 +1,6 @@
 
 import React, {useEffect, useState, useCallback, useContext, useRef} from 'react';
-import {View, Text, FlatList, TouchableOpacity} from 'react-native';
+import {View, Text, FlatList, TouchableOpacity, SafeAreaView} from 'react-native';
 import { createStackNavigator } from '@react-navigation/stack';
 import {getEvents} from '../lib/api';
 
@@ -67,7 +67,7 @@ function EventList({navigation}) {
         onRefresh();
     }, []);
 
-    return (<View style={{flex: 1}}>
+    return (<SafeAreaView style={{flex: 1}}>
         {lastUpdate && (<View style={{flexDirection: 'row', padding: 10, backgroundColor: '#333333'}}>
             <Text style={{color: 'white'}}>Last Update:</Text><Text style={{color: 'white', marginLeft: 10}}>{lastUpdate}</Text>
         </View>)}
@@ -79,7 +79,7 @@ function EventList({navigation}) {
             renderItem={({item}) => (<TouchableOpacity onPress={() =>
                 navigation.navigate('EventVideoPlayer', {eventId: item.content})}>
                         <EventButton {...item} /></TouchableOpacity>)}/></View>
-    </View>);
+    </SafeAreaView>);
 }
 
 function EventVideoPlayer({route: {params: {eventId}}, navigation}) {
@@ -109,4 +109,4 @@ export default function EventScreen() {
         <Stack.Screen name="EventList" options={{title: 'Events'}} component={EventList} />
         <Stack.Screen name="EventVideoPlayer" options={{headerShown: false}} component={EventVideoPlayer} />
     </Stack.Navigator>);
-}
\ No newline at end of file
+}