feat: Add slide transitions to settings screens

Author: ovitrif

app/src/main/java/to/bitkit/ui/ContentView.kt

@@ -1,8 +1,5 @@
 package to.bitkit.ui
 
-import androidx.compose.animation.core.tween
-import androidx.compose.animation.slideInHorizontally
-import androidx.compose.animation.slideOutHorizontally
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.DisposableEffect
@@ -403,7 +400,12 @@ private fun NavGraphBuilder.nodeState(
 }
 
 private fun NavGraphBuilder.generalSettings(navController: NavHostController) {
-    composable<Routes.GeneralSettings> {
+    composable<Routes.GeneralSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         GeneralSettingsScreen(navController)
     }
 }
@@ -412,7 +414,12 @@ private fun NavGraphBuilder.defaultUnitSettings(
     currencyViewModel: CurrencyViewModel,
     navController: NavHostController,
 ) {
-    composable<Routes.DefaultUnitSettings> {
+    composable<Routes.DefaultUnitSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         DefaultUnitSettingsScreen(currencyViewModel, navController)
     }
 }
@@ -421,39 +428,64 @@ private fun NavGraphBuilder.localCurrencySettings(
     currencyViewModel: CurrencyViewModel,
     navController: NavHostController,
 ) {
-    composable<Routes.LocalCurrencySettings> {
+    composable<Routes.LocalCurrencySettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         LocalCurrencySettingsScreen(currencyViewModel, navController)
     }
 }
 
 private fun NavGraphBuilder.backupSettings(
     navController: NavHostController,
 ) {
-    composable<Routes.BackupSettings> {
+    composable<Routes.BackupSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         BackupSettingsScreen(navController)
     }
 }
 
 private fun NavGraphBuilder.backupWalletSettings(
     navController: NavHostController,
 ) {
-    composable<Routes.BackupWalletSettings> {
+    composable<Routes.BackupWalletSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         BackupWalletScreen(navController)
     }
 }
 
 private fun NavGraphBuilder.restoreWalletSettings(
     navController: NavHostController,
 ) {
-    composable<Routes.RestoreWalletSettings> {
+    composable<Routes.RestoreWalletSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         RestoreWalletScreen(navController)
     }
 }
 
 private fun NavGraphBuilder.channelOrdersSettings(
     navController: NavHostController,
 ) {
-    composable<Routes.ChannelOrdersSettings> {
+    composable<Routes.ChannelOrdersSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         ChannelOrdersScreen(
             onBackClick = { navController.popBackStack() },
             onOrderItemClick = { navController.navigateToOrderDetail(it) },
@@ -465,7 +497,12 @@ private fun NavGraphBuilder.channelOrdersSettings(
 private fun NavGraphBuilder.orderDetailSettings(
     navController: NavHostController,
 ) {
-    composable<Routes.OrderDetail> { navBackEntry ->
+    composable<Routes.OrderDetail>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) { navBackEntry ->
         OrderDetailScreen(
             orderItem = navBackEntry.toRoute(),
             onBackClick = { navController.popBackStack() },
@@ -476,7 +513,12 @@ private fun NavGraphBuilder.orderDetailSettings(
 private fun NavGraphBuilder.cjitDetailSettings(
     navController: NavHostController,
 ) {
-    composable<Routes.CjitDetail> { navBackEntry ->
+    composable<Routes.CjitDetail>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) { navBackEntry ->
         CJitDetailScreen(
             cjitItem = navBackEntry.toRoute(),
             onBackClick = { navController.popBackStack() },
@@ -488,7 +530,12 @@ private fun NavGraphBuilder.lightning(
     viewModel: WalletViewModel,
     navController: NavHostController,
 ) {
-    composable<Routes.Lightning> {
+    composable<Routes.Lightning>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         LightningSettingsScreen(viewModel, navController)
     }
 }
@@ -497,15 +544,25 @@ private fun NavGraphBuilder.devSettings(
     viewModel: WalletViewModel,
     navController: NavHostController,
 ) {
-    composable<Routes.DevSettings> {
+    composable<Routes.DevSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         DevSettingsScreen(viewModel, navController)
     }
 }
 
 private fun NavGraphBuilder.regtestSettings(
     navController: NavHostController,
 ) {
-    composable<Routes.RegtestSettings> {
+    composable<Routes.RegtestSettings>(
+        enterTransition = { screenSlideIn },
+        exitTransition = { screenScaleOut },
+        popEnterTransition = { screenScaleIn },
+        popExitTransition = { screenSlideOut },
+    ) {
         val viewModel = hiltViewModel<BlocktankRegtestViewModel>()
         BlocktankRegtestScreen(viewModel, navController)
     }