Add offline snackbar notification

Author: f-arslan

app/src/main/kotlin/com/espressodev/gptmap/GmApp.kt

@@ -1,6 +1,7 @@
 package com.espressodev.gptmap
 
 import android.content.res.Resources
+import android.util.Log
 import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.WindowInsets
 import androidx.compose.foundation.layout.fillMaxSize
@@ -11,19 +12,23 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.NavigationBarItem
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Snackbar
+import androidx.compose.material3.SnackbarDuration
 import androidx.compose.material3.SnackbarHost
 import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.ReadOnlyComposable
+import androidx.compose.runtime.getValue
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalConfiguration
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import androidx.navigation.NavDestination
 import androidx.navigation.NavDestination.Companion.hierarchy
 import androidx.navigation.NavHostController
@@ -35,7 +40,7 @@ import com.espressodev.gptmap.feature.map.MapRouteWithArg
 import com.espressodev.gptmap.navigation.GmNavHost
 import com.espressodev.gptmap.navigation.TopLevelDestination
 import kotlinx.coroutines.CoroutineScope
-
+import com.espressodev.gptmap.core.designsystem.R.string as AppText
 @Composable
 fun GmApp(
     networkMonitor: NetworkMonitor,
@@ -47,6 +52,17 @@ fun GmApp(
         else -> LoginRoute
     }
 
+    val isOffline by appState.isOffline.collectAsStateWithLifecycle()
+    val message = stringResource(id = AppText.not_connected)
+    LaunchedEffect(isOffline) {
+        if (isOffline) {
+            appState.snackbarHostState.showSnackbar(
+                message = message,
+                duration = SnackbarDuration.Indefinite
+            )
+        }
+    }
+
     Surface(color = MaterialTheme.colorScheme.background, modifier = Modifier.fillMaxSize()) {
         Scaffold(
             snackbarHost = {

app/src/main/kotlin/com/espressodev/gptmap/GmAppState.kt

@@ -1,6 +1,7 @@
 package com.espressodev.gptmap
 
 import android.content.res.Resources
+import androidx.compose.material3.SnackbarDuration
 import androidx.compose.material3.SnackbarHostState
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.Stable
@@ -22,7 +23,10 @@ import com.espressodev.gptmap.navigation.TopLevelDestination.FAVOURITE
 import com.espressodev.gptmap.navigation.TopLevelDestination.MAP
 import com.espressodev.gptmap.navigation.TopLevelDestination.SCREENSHOT_GALLERY
 import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.flow.SharingStarted
 import kotlinx.coroutines.flow.filterNotNull
+import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.flow.stateIn
 import kotlinx.coroutines.launch
 
 @Stable
@@ -37,13 +41,25 @@ class GmAppState(
     init {
         coroutineScope.launch {
             snackbarManager.snackbarMessages.filterNotNull().collect { snackbarMessage ->
-                val text = snackbarMessage.toMessage(resources)
-                snackbarHostState.showSnackbar(text, withDismissAction = true)
+                val text = snackbarMessage.first.toMessage(resources)
+                snackbarHostState.showSnackbar(
+                    text,
+                    withDismissAction = true,
+                    duration = snackbarMessage.second ?: SnackbarDuration.Short
+                )
                 snackbarManager.clean()
             }
         }
     }
 
+    val isOffline = networkMonitor.isOnline
+        .map(Boolean::not)
+        .stateIn(
+            scope = coroutineScope,
+            started = SharingStarted.WhileSubscribed(5_000),
+            initialValue = false,
+        )
+
     val topLevelDestination: List<TopLevelDestination> = TopLevelDestination.entries
 
     val currentDestination: NavDestination?

app/src/main/kotlin/com/espressodev/gptmap/MainActivityViewModel.kt

@@ -25,17 +25,22 @@ class MainActivityViewModel @Inject constructor(
 ) : ViewModel() {
     private val _accountState = MutableStateFlow(AccountState.Loading)
     val accountService = _accountState.asStateFlow()
+
     init {
         viewModelScope.launch {
-            if (accountService.isEmailVerified) {
-                accountService.firebaseUser?.getIdToken(true)?.await()?.token?.let {
-                    realmAccountService.loginWithEmail(it).getOrElse {
-                        _accountState.update {  AccountState.UserNotSignIn }
-                    }.run {
-                        _accountState.update { AccountState.UserAlreadySignIn }
+            runCatching {
+                if (accountService.isEmailVerified) {
+                    accountService.firebaseUser?.getIdToken(true)?.await()?.token?.let {
+                        realmAccountService.loginWithEmail(it).getOrElse {
+                            _accountState.update { AccountState.UserNotSignIn }
+                        }.run {
+                            _accountState.update { AccountState.UserAlreadySignIn }
+                        }
                     }
+                } else {
+                    _accountState.update { AccountState.UserNotSignIn }
                 }
-            } else {
+            }.onFailure {
                 _accountState.update { AccountState.UserNotSignIn }
             }
         }

app/src/main/kotlin/com/espressodev/gptmap/navigation/GmNavHost.kt

@@ -63,10 +63,7 @@ fun GmNavHost(
             popUp = navController::popBackStack,
             navigateToMap = navController::navigateToMap
         )
-        screenshotScreen(
-            popUp = navController::popBackStack,
-            navigateToMap = navController::navigateToMap
-        )
+        screenshotScreen(popUp = navController::popBackStack)
         screenshotGalleryScreen(popUp = navController::popBackStack)
         profileScreen(
             popUp = navController::popBackStack,