#496 - animate fade between transfer queue and selected transfer

Author: sentinelweb

shared/src/commonMain/kotlin/uk/co/sentinelweb/cuer/app/ui/filebrowser/transfers/TransfersComposeables.kt

@@ -1,5 +1,7 @@
 package uk.co.sentinelweb.cuer.app.ui.filebrowser.transfers
 
+import androidx.compose.animation.Crossfade
+import androidx.compose.animation.core.tween
 import androidx.compose.foundation.*
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.interaction.collectIsHoveredAsState
@@ -125,13 +127,19 @@ object TransfersComposeables {
 
     @Composable
     fun TransfersView(model: TransfersContract.Model, viewModel: ViewModel) {
-        when (model) {
-            is TransfersContract.Model.Selected -> {
-                TransferView(model, viewModel)
-            }
+        Crossfade(
+            targetState = model,
+            animationSpec = tween(durationMillis = 300)
+        ) { currentModel ->
+
+            when (model) {
+                is TransfersContract.Model.Selected -> {
+                    TransferView(model, viewModel)
+                }
 
-            is TransfersContract.Model.Queue -> {
-                TransfersQueueView(model.queue, viewModel)
+                is TransfersContract.Model.Queue -> {
+                    TransfersQueueView(model.queue, viewModel)
+                }
             }
         }
     }