chore: 🤖 update expo and react-native to version 40

app.json

@@ -3,7 +3,7 @@
     "name": "Singapore Bus Arrival App",
     "slug": "singapore-bus-arrival-app",
     "platforms": ["ios", "android"],
-    "version": "0.1.16",
+    "version": "0.1.17",
     "orientation": "portrait",
     "icon": "./assets/appstore-icon.png",
     "splash": {
@@ -17,7 +17,7 @@
     "assetBundlePatterns": ["**/*"],
     "ios": {
       "bundleIdentifier": "com.donaldwu.singaporebusarrivalapp",
-      "buildNumber": "0.1.16",
+      "buildNumber": "0.1.17",
       "infoPlist": {
         "NSLocationWhenInUseUsageDescription": "Singapore Bus Arrival App requires your location so that we can find related bus arrival information for you",
         "NSLocationAlwaysUsageDescription": "Singapore Bus Arrival App requires your location so that we can find related bus arrival information for you",
@@ -27,7 +27,7 @@
     },
     "android": {
       "package": "com.donaldwu.singaporebusarrivalapp",
-      "versionCode": 16,
+      "versionCode": 17,
       "permissions": ["ACCESS_COARSE_LOCATION", "ACCESS_FINE_LOCATION"]
     },
     "description": "Singpaore Bus Arrival App",

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "dependencies": {
     "@apollo/client": "^3.2.5",
-    "@expo/vector-icons": "^10.2.1",
+    "@expo/vector-icons": "^12.0.0",
     "@react-native-async-storage/async-storage": "^1.13.2",
     "@react-native-community/masked-view": "0.1.10",
     "@react-navigation/bottom-tabs": "^5.10.6",
@@ -22,28 +22,28 @@
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.21.5",
-    "expo": "~39.0.2",
-    "expo-constants": "^9.2.0",
-    "expo-file-system": "^9.2.0",
+    "expo": "^40.0.0",
+    "expo-constants": "~9.3.3",
+    "expo-file-system": "~9.3.0",
     "git-cz": "^4.7.1",
     "graphql": "^15.4.0",
     "husky": "^4.3.0",
     "jest": "^26.6.3",
-    "jest-expo": "^39.0.0",
+    "jest-expo": "^40.0.0",
     "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.31",
     "prettier": "^2.1.2",
     "react": "16.13.1",
     "react-dom": "16.13.1",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.4.tar.gz",
-    "react-native-gesture-handler": "~1.7.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.0.tar.gz",
+    "react-native-gesture-handler": "~1.8.0",
     "react-native-paper": "^4.3.1",
     "react-native-reanimated": "~1.13.0",
-    "react-native-safe-area-context": "3.1.4",
-    "react-native-screens": "~2.10.1",
+    "react-native-safe-area-context": "3.1.9",
+    "react-native-screens": "~2.15.0",
     "react-native-web": "~0.13.12",
-    "react-native-webview": "10.7.0",
+    "react-native-webview": "11.0.0",
     "rn-pdf-reader-js": "^4.1.1",
     "standard-version": "^9.0.0"
   },
@@ -52,7 +52,7 @@
     "@types/react": "~16.9.35",
     "@types/react-dom": "~16.9.8",
     "@types/react-native": "~0.63.2",
-    "typescript": "~3.9.5"
+    "typescript": "~4.0.0"
   },
   "scripts": {
     "start": "expo start",

src/components/busArrivalDetails/BusArrivalDetails.tsx

@@ -11,7 +11,7 @@ import {
   Linking,
 } from 'react-native';
 import { Card, List } from 'react-native-paper';
-import { Ionicons } from '@expo/vector-icons';
+import { MaterialIcons } from '@expo/vector-icons';
 import { useRoute } from '@react-navigation/native';
 import moment from 'moment';
 
@@ -313,7 +313,7 @@ function BusArrivalDetails(props: any): JSX.Element {
     >
       <View style={styles.viewContainer}>
         <TouchableOpacity onPress={() => handleBackButtonClick()}>
-          <Ionicons name="md-arrow-round-back" size={24} color={theme === 'light' ? 'black' : 'white'} />
+          <MaterialIcons name="arrow-back" size={24} color={theme === 'light' ? 'black' : 'white'} />
         </TouchableOpacity>
 
         <View style={{ marginVertical: 15 }}></View>