fix: match figma searching animation

Author: ovitrif

app/src/main/java/to/bitkit/ui/sheets/hardware/HwSearchingSheet.kt

@@ -1,15 +1,25 @@
 package to.bitkit.ui.sheets.hardware
 
+import androidx.compose.animation.core.LinearEasing
+import androidx.compose.animation.core.animateFloat
+import androidx.compose.animation.core.infiniteRepeatable
+import androidx.compose.animation.core.rememberInfiniteTransition
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.navigationBarsPadding
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.rotate
 import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
@@ -20,12 +30,14 @@ import to.bitkit.ui.components.Display
 import to.bitkit.ui.components.SecondaryButton
 import to.bitkit.ui.components.VerticalSpacer
 import to.bitkit.ui.scaffold.SheetTopBar
-import to.bitkit.ui.screens.transfer.components.TransferAnimationView
 import to.bitkit.ui.shared.util.gradientBackground
 import to.bitkit.ui.theme.AppThemeSurface
 import to.bitkit.ui.theme.Colors
 import to.bitkit.ui.utils.withAccent
 
+private val ANIMATION_SIZE = 280.dp
+private const val ARROWS_SIZE_RATIO = 0.82f
+
 @Composable
 fun HwSearchingSheet(
     modifier: Modifier = Modifier,
@@ -65,10 +77,7 @@ private fun Content(
                 .fillMaxWidth()
                 .weight(1f)
         ) {
-            TransferAnimationView(
-                largeCircleRes = R.drawable.ln_sync_large,
-                smallCircleRes = R.drawable.ln_sync_small,
-            )
+            SearchingAnimation()
         }
         Column(
             modifier = Modifier
@@ -84,6 +93,35 @@ private fun Content(
     }
 }
 
+@Composable
+private fun SearchingAnimation(modifier: Modifier = Modifier) {
+    val transition = rememberInfiniteTransition(label = "hw_searching")
+    val rotation by transition.animateFloat(
+        initialValue = 0f,
+        targetValue = 360f,
+        animationSpec = infiniteRepeatable(tween(durationMillis = 2500, easing = LinearEasing)),
+        label = "arrows_rotation",
+    )
+
+    Box(
+        contentAlignment = Alignment.Center,
+        modifier = modifier.size(ANIMATION_SIZE)
+    ) {
+        Image(
+            painter = painterResource(R.drawable.hw_searching_ring),
+            contentDescription = null,
+            modifier = Modifier.fillMaxSize()
+        )
+        Image(
+            painter = painterResource(R.drawable.hw_searching_arrows),
+            contentDescription = null,
+            modifier = Modifier
+                .fillMaxSize(ARROWS_SIZE_RATIO)
+                .rotate(rotation)
+        )
+    }
+}
+
 @Preview(showSystemUi = true)
 @Composable
 private fun Preview() {