feat(add-new-user)

Author: hoc081098

feature-add/src/main/java/com/hoc/flowmvi/ui/add/AddNewUserScreen.kt

@@ -32,6 +32,7 @@ import androidx.compose.material3.TextField
 import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.State
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
@@ -68,38 +69,16 @@ import kotlinx.coroutines.flow.onEach
 import kotlinx.coroutines.launch
 import kotlinx.coroutines.withContext
 
-@OptIn(ExperimentalMaterial3Api::class, ExperimentalLifecycleComposeApi::class)
+@OptIn(ExperimentalLifecycleComposeApi::class)
 @Composable
 internal fun AddNewUserRoute(
   configAppBar: ConfigAppBar,
   onBackClick: () -> Unit,
   modifier: Modifier = Modifier,
   viewModel: AddVM = hiltViewModel(),
 ) {
-  val currentOnBackClick by rememberUpdatedState(onBackClick)
-
-  val title = stringResource(id = R.string.add_new_user)
-  val colors = TopAppBarDefaults.centerAlignedTopAppBarColors()
-  val appBarState = remember(colors) {
-    AppBarState(
-      title = title,
-      actions = {},
-      navigationIcon = {
-        IconButton(onClick = { currentOnBackClick() }) {
-          Icon(
-            imageVector = Icons.Filled.ArrowBack,
-            contentDescription = "Back"
-          )
-        }
-      },
-      colors = colors
-    )
-  }
-  OnLifecycleEvent(configAppBar, appBarState) { _, event ->
-    if (event == Lifecycle.Event.ON_START) {
-      configAppBar(appBarState)
-    }
-  }
+  val currentOnBackClickState = rememberUpdatedState(onBackClick)
+  ConfigAppBar(currentOnBackClickState, configAppBar)
 
   val intentChannel = remember { Channel<ViewIntent>(Channel.UNLIMITED) }
   LaunchedEffect(Unit) {
@@ -133,7 +112,7 @@ internal fun AddNewUserRoute(
         }
         scope.launch {
           delay(200)
-          currentOnBackClick()
+          currentOnBackClickState.value()
         }
       }
     }
@@ -156,6 +135,36 @@ internal fun AddNewUserRoute(
   )
 }
 
+@Composable
+@OptIn(ExperimentalMaterial3Api::class)
+private fun ConfigAppBar(
+  currentOnBackClickState: State<() -> Unit>,
+  configAppBar: ConfigAppBar
+) {
+  val title = stringResource(id = R.string.add_new_user)
+  val colors = TopAppBarDefaults.centerAlignedTopAppBarColors()
+  val appBarState = remember(colors) {
+    AppBarState(
+      title = title,
+      actions = {},
+      navigationIcon = {
+        IconButton(onClick = { currentOnBackClickState.value() }) {
+          Icon(
+            imageVector = Icons.Filled.ArrowBack,
+            contentDescription = "Back"
+          )
+        }
+      },
+      colors = colors
+    )
+  }
+  OnLifecycleEvent(configAppBar, appBarState) { _, event ->
+    if (event == Lifecycle.Event.ON_START) {
+      configAppBar(appBarState)
+    }
+  }
+}
+
 @Composable
 private fun AddNewUserContent(
   viewState: ViewState,

feature-main/src/main/java/com/hoc/flowmvi/ui/main/UsersListScreen.kt

@@ -62,28 +62,7 @@ internal fun UsersListRoute(
   modifier: Modifier = Modifier,
   viewModel: MainVM = hiltViewModel(),
 ) {
-  val title = stringResource(id = R.string.app_name)
-  val colors = TopAppBarDefaults.centerAlignedTopAppBarColors()
-  val appBarState = remember(colors) {
-    AppBarState(
-      title = title,
-      actions = {
-        IconButton(onClick = navigateToAddUser) {
-          Icon(
-            imageVector = Icons.Default.Add,
-            contentDescription = "Add new user",
-          )
-        }
-      },
-      navigationIcon = {},
-      colors = colors,
-    )
-  }
-  OnLifecycleEvent(configAppBar, appBarState) { _, event ->
-    if (event == Lifecycle.Event.ON_START) {
-      configAppBar(appBarState)
-    }
-  }
+  ConfigAppBar(navigateToAddUser, configAppBar)
 
   val intentChannel = remember { Channel<ViewIntent>(Channel.UNLIMITED) }
   LaunchedEffect(Unit) {
@@ -160,6 +139,36 @@ internal fun UsersListRoute(
   )
 }
 
+@Composable
+@OptIn(ExperimentalMaterial3Api::class)
+private fun ConfigAppBar(
+  navigateToAddUser: () -> Unit,
+  configAppBar: ConfigAppBar
+) {
+  val title = stringResource(id = R.string.app_name)
+  val colors = TopAppBarDefaults.centerAlignedTopAppBarColors()
+  val appBarState = remember(colors) {
+    AppBarState(
+      title = title,
+      actions = {
+        IconButton(onClick = navigateToAddUser) {
+          Icon(
+            imageVector = Icons.Default.Add,
+            contentDescription = "Add new user",
+          )
+        }
+      },
+      navigationIcon = {},
+      colors = colors,
+    )
+  }
+  OnLifecycleEvent(configAppBar, appBarState) { _, event ->
+    if (event == Lifecycle.Event.ON_START) {
+      configAppBar(appBarState)
+    }
+  }
+}
+
 @Composable
 private fun DeleteUserConfirmationDialog(
   shouldBeDeletedItem: UserItem,