martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-26 11:35:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

delaying disconnected message

Browse Source
This commit is contained in:
Roland Osborne 2025-01-11 21:17:47 -08:00
parent 60ea1897dc
commit 2103dd6ec6
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/client/mobile/src/session/Session.tsx
View File

@ -34,6 +34,7 @@ export function Session() {
const [textCard, setTextCard] = useState({ cardId: null} as {cardId: null|string}); const [textCard, setTextCard] = useState({ cardId: null} as {cardId: null|string});
const [dismissed, setDismissed] = useState(false); const [dismissed, setDismissed] = useState(false);
const [disconnected, setDisconnected] = useState(false); const [disconnected, setDisconnected] = useState(false);
const [showDisconnected, setShowDisconnected] = useState(false);
const sessionNav = {strings: state.strings}; const sessionNav = {strings: state.strings};
const showContent = {display: tab === 'content' ? 'flex' : 'none'}; const showContent = {display: tab === 'content' ? 'flex' : 'none'};
@ -58,6 +59,10 @@ export function Session() {
useEffect(() => { useEffect(() => {
if (state.appState && !state.sdkState) { if (state.appState && !state.sdkState) {
setDisconnected(true); setDisconnected(true);
setShowDisconnected(false);
setTimeout(() => {
setShowDisconnected(true);
}, 2000);
} else { } else {
setDisconnected(false); setDisconnected(false);
} }
@ -171,7 +176,7 @@ export function Session() {
</View> </View>
</NavigationContainer> </NavigationContainer>
)} )}
{ disconnected && !dismissed && ( { disconnected && showDisconnected && !dismissed && (
<View style={styles.alert}> <View style={styles.alert}>
<Surface elevation={5} style={styles.alertArea}> <Surface elevation={5} style={styles.alertArea}>
<Icon color={Colors.offsync} size={20} source="alert-circle-outline" /> <Icon color={Colors.offsync} size={20} source="alert-circle-outline" />