feat: Add lottie animation when we upload files

Author: tevincent

app/src/main/java/com/infomaniak/swisstransfer/ui/screen/newtransfer/upload/UploadProgressAdType.kt

@@ -17,37 +17,37 @@
  */
 package com.infomaniak.swisstransfer.ui.screen.newtransfer.upload
 
+import androidx.annotation.RawRes
 import androidx.annotation.StringRes
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.AnnotatedString
 import com.infomaniak.swisstransfer.R
-import com.infomaniak.swisstransfer.ui.images.AppImages
-import com.infomaniak.swisstransfer.ui.images.ThemedImage
-import com.infomaniak.swisstransfer.ui.images.illus.uploadAd.MetallicSafe
-import com.infomaniak.swisstransfer.ui.images.illus.uploadAd.MountainGondola
-import com.infomaniak.swisstransfer.ui.images.illus.uploadAd.SwissWithFlag
 import com.infomaniak.swisstransfer.ui.utils.TextUtils
 
 enum class UploadProgressAdType(
     @StringRes private val descriptionTemplate: Int,
     @StringRes private val descriptionAccentuatedPart: Int,
-    val illustration: ThemedImage,
+    @RawRes val illustration: Int,
+    val shouldReverseOnRepeat: Boolean,
 ) {
     INDEPENDENCE(
         R.string.uploadProgressDescriptionTemplateIndependence,
         R.string.uploadProgressDescriptionArgumentIndependence,
-        AppImages.AppIllus.SwissWithFlag,
+        R.raw.swiss_with_flag,
+        true,
     ),
     ENERGY(
         R.string.uploadProgressDescriptionTemplateEnergy,
         R.string.uploadProgressDescriptionArgumentEnergy,
-        AppImages.AppIllus.MountainGondola,
+        R.raw.mountain_gondola,
+        false,
     ),
     CONFIDENTIALITY(
         R.string.uploadProgressDescriptionTemplateConfidentiality,
         R.string.uploadProgressDescriptionArgumentConfidentiality,
-        AppImages.AppIllus.MetallicSafe,
+        R.raw.metallic_safe,
+        false,
     );
 
     @Composable

app/src/main/java/com/infomaniak/swisstransfer/ui/screen/newtransfer/upload/components/AdHeader.kt

@@ -17,7 +17,6 @@
  */
 package com.infomaniak.swisstransfer.ui.screen.newtransfer.upload.components
 
-import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
@@ -28,6 +27,10 @@ import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.style.TextAlign
+import com.airbnb.lottie.compose.LottieAnimation
+import com.airbnb.lottie.compose.LottieCompositionSpec
+import com.airbnb.lottie.compose.LottieConstants
+import com.airbnb.lottie.compose.rememberLottieComposition
 import com.infomaniak.swisstransfer.R
 import com.infomaniak.swisstransfer.ui.components.HighlightedText
 import com.infomaniak.swisstransfer.ui.screen.newtransfer.upload.UploadProgressAdType
@@ -45,6 +48,7 @@ fun ColumnScope.AdHeader(adScreenType: UploadProgressAdType) {
             .verticalScroll(rememberScrollState()),
         horizontalAlignment = Alignment.CenterHorizontally,
     ) {
+        val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(adScreenType.illustration))
         var isHighlighted by rememberSaveable { mutableStateOf(false) }
         LaunchedEffect(Unit) { isHighlighted = true }
 
@@ -68,7 +72,12 @@ fun ColumnScope.AdHeader(adScreenType: UploadProgressAdType) {
 
         WeightOneSpacer(minHeight = Margin.Medium)
 
-        Image(imageVector = adScreenType.illustration.image(), contentDescription = null)
+        LottieAnimation(
+            composition,
+            isPlaying = true,
+            reverseOnRepeat = adScreenType.shouldReverseOnRepeat,
+            iterations = LottieConstants.IterateForever,
+        )
 
         WeightOneSpacer(minHeight = Margin.Medium)
     }