diff options
Diffstat (limited to 'src/view')
-rw-r--r-- | src/view/com/auth/withAuthRequired.tsx | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/view/com/auth/withAuthRequired.tsx b/src/view/com/auth/withAuthRequired.tsx index 11b67f383..6073a4f80 100644 --- a/src/view/com/auth/withAuthRequired.tsx +++ b/src/view/com/auth/withAuthRequired.tsx @@ -22,11 +22,20 @@ export const withAuthRequired = <P extends object>( function Loading() { const pal = usePalette('default') + + const [isTakingTooLong, setIsTakingTooLong] = React.useState(false) + React.useEffect(() => { + const t = setTimeout(() => setIsTakingTooLong(true), 15e3) + return () => clearTimeout(t) + }, [setIsTakingTooLong]) + return ( <View style={[styles.loading, pal.view]}> <ActivityIndicator size="large" /> <Text type="2xl" style={[styles.loadingText, pal.textLight]}> - Firing up the grill... + {isTakingTooLong + ? "This is taking too long. There may be a problem with your internet or with the service, but we're going to try a couple more times..." + : 'Connecting...'} </Text> </View> ) |