Merge branch 'master' into tma-634-badge-selection-screen

# Conflicts:
#	src/components/taggs/SocialMediaInfo.tsx

1 files changed, 16 insertions, 22 deletions

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index 7b55d249..42b096f1 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -1,7 +1,7 @@
 import AsyncStorage from '@react-native-community/async-storage';
 import {RouteProp} from '@react-navigation/native';
 import {StackNavigationOptions} from '@react-navigation/stack';
-import React, {useState} from 'react';
+import React, {useEffect, useState} from 'react';
 import {StyleSheet, Text} from 'react-native';
 import {normalize} from 'react-native-elements';
 import BackIcon from '../../assets/icons/back-arrow.svg';
@@ -51,15 +51,23 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
   const isSearchTab = screenType === ScreenType.Search;
   const isNotificationsTab = screenType === ScreenType.Notifications;
   const isSuggestedPeopleTab = screenType === ScreenType.SuggestedPeople;
-
-  AsyncStorage.getItem('respondedToAccessContacts').then((value) =>
-    setRespondedToAccessContacts(value ? value : 'false'),
-  );
-
   const [respondedToAccessContacts, setRespondedToAccessContacts] = useState(
-    'false',
+    'true',
   );
 
+  const loadResponseToAccessContacts = () => {
+    AsyncStorage.getItem('respondedToAccessContacts')
+      .then((value) => {
+        setRespondedToAccessContacts(value ? value : 'false');
+      })
+      .catch((error) => {
+        console.log('Something went wrong', error);
+        setRespondedToAccessContacts('true');
+      });
+  };
+
+  loadResponseToAccessContacts();
+
   const initialRouteName = (() => {
     switch (screenType) {
       case ScreenType.Profile:
@@ -73,20 +81,6 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
     }
   })();
 
-  const modalStyle: StackNavigationOptions = {
-    cardStyle: {backgroundColor: 'rgba(80,80,80,0.9)'},
-    gestureDirection: 'vertical',
-    cardOverlayEnabled: true,
-    cardStyleInterpolator: ({current: {progress}}) => ({
-      cardStyle: {
-        opacity: progress.interpolate({
-          inputRange: [0, 0.5, 0.9, 1],
-          outputRange: [0, 0.25, 0.7, 1],
-        }),
-      },
-    }),
-  };
-
   const tutorialModalStyle: StackNavigationOptions = {
     cardStyle: {backgroundColor: 'rgba(0, 0, 0, 0.5)'},
     gestureDirection: 'vertical',
@@ -263,7 +257,7 @@ export const headerBarOptions: (
   ),
 });
 
-const modalStyle: StackNavigationOptions = {
+export const modalStyle: StackNavigationOptions = {
   cardStyle: {backgroundColor: 'rgba(80,80,80,0.6)'},
   gestureDirection: 'vertical',
   cardOverlayEnabled: true,