updated timing for when to hide the splash screen

android/app/capacitor.build.gradle

@@ -13,6 +13,7 @@ dependencies {
     implementation project(':capacitor-haptics')
     implementation project(':capacitor-keyboard')
     implementation project(':capacitor-local-notifications')
+    implementation project(':capacitor-splash-screen')
     implementation project(':capacitor-status-bar')
     implementation project(':capacitor-storage')
 

android/app/src/main/assets/capacitor.config.json

@@ -7,7 +7,7 @@
 	"cordova": {},
 	"plugins": {
 		"SplashScreen": {
-			"launchShowDuration": 1500
+			"launchAutoHide": false
 		},
 		"LocalNotifications": {
 			"smallIcon": "ic_launcher"

android/app/src/main/assets/capacitor.plugins.json

@@ -15,6 +15,10 @@
 		"pkg": "@capacitor/local-notifications",
 		"classpath": "com.capacitorjs.plugins.localnotifications.LocalNotificationsPlugin"
 	},
+	{
+		"pkg": "@capacitor/splash-screen",
+		"classpath": "com.capacitorjs.plugins.splashscreen.SplashScreenPlugin"
+	},
 	{
 		"pkg": "@capacitor/status-bar",
 		"classpath": "com.capacitorjs.plugins.statusbar.StatusBarPlugin"

android/capacitor.settings.gradle

@@ -14,6 +14,9 @@ project(':capacitor-keyboard').projectDir = new File('../node_modules/@capacitor
 include ':capacitor-local-notifications'
 project(':capacitor-local-notifications').projectDir = new File('../node_modules/@capacitor/local-notifications/android')
 
+include ':capacitor-splash-screen'
+project(':capacitor-splash-screen').projectDir = new File('../node_modules/@capacitor/splash-screen/android')
+
 include ':capacitor-status-bar'
 project(':capacitor-status-bar').projectDir = new File('../node_modules/@capacitor/status-bar/android')
 

capacitor.config.json

@@ -7,7 +7,7 @@
   "cordova": {},
   "plugins": {
     "SplashScreen": {
-      "launchShowDuration": 1500
+      "launchAutoHide": false
     },
     "LocalNotifications": {
       "smallIcon": "ic_launcher"

package.json

@@ -25,16 +25,17 @@
   },
   "homepage": ".",
   "dependencies": {
-    "@apollo/client": "^3.3.21",
+    "@apollo/client": "^3.4.1",
     "@capacitor/android": "^3.1.2",
     "@capacitor/app": "^1.0.2",
     "@capacitor/core": "^3.1.2",
     "@capacitor/haptics": "^1.0.2",
     "@capacitor/keyboard": "^1.0.2",
     "@capacitor/local-notifications": "^1.0.3",
+    "@capacitor/splash-screen": "^1.1.0",
     "@capacitor/status-bar": "^1.0.2",
     "@capacitor/storage": "^1.0.3",
-    "@hookform/resolvers": "^2.6.1",
+    "@hookform/resolvers": "^2.7.0",
     "@ionic/react": "5.6.12",
     "@ionic/react-router": "5.6.12",
     "clsx": "^1.1.1",
@@ -47,7 +48,7 @@
     "react": "^17.0.2",
     "react-animate-height": "^2.0.23",
     "react-dom": "^17.0.2",
-    "react-hook-form": "^7.12.1",
+    "react-hook-form": "^7.12.2",
     "react-jss": "^10.7.1",
     "react-minimal-pie-chart": "^8.2.0",
     "react-router": "^5.2.0",

src/modules/authentication/hooks.js

@@ -1,6 +1,7 @@
 import { useCallback, useContext, useEffect } from 'react'
 import { useApolloClient, useQuery } from '@apollo/client'
 import { useHistory } from 'react-router-dom'
+import { SplashScreen } from '@capacitor/splash-screen'
 
 import { AuthContext } from './context'
 import { useAuthReducer } from './reducer'
@@ -31,6 +32,7 @@ export const useInitializeAuth = () => {
         return
       }
       dispatch({ type: 'SUCCESSFUL_LOGIN', payload: user })
+      SplashScreen.hide()
       history.replace(routes.home)
     } catch (err) {
       console.log(err)