Updated on 2026-08-14

2025-02-10 11:08:04 +05:00 · 2025-02-10 11:08:04 +05:00 · 0cbf7b74e2
commit 0cbf7b74e2
parent 380e5c19e0
14 changed files with 64 additions and 75 deletions
--- a/common/ui/src/main/java/com/tangem/common/ui/swapStoriesScreen/SwapStoriesScreen.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/swapStoriesScreen/SwapStoriesScreen.kt
@ -0,0 +1,124 @@
+package com.tangem.common.ui.swapStoriesScreen
+
+import android.content.res.Configuration
+import androidx.activity.compose.BackHandler
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.TextUnit
+import androidx.compose.ui.unit.TextUnitType
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import coil.compose.SubcomposeAsyncImage
+import coil.request.ImageRequest
+import com.tangem.core.ui.components.SpacerH16
+import com.tangem.core.ui.components.SystemBarsIconsDisposable
+import com.tangem.core.ui.components.stories.StoriesContainer
+import com.tangem.core.ui.extensions.resolveReference
+import com.tangem.core.ui.extensions.stringReference
+import com.tangem.core.ui.res.LocalWindowSize
+import com.tangem.core.ui.res.TangemColorPalette
+import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.res.TangemThemePreview
+import kotlinx.collections.immutable.persistentListOf
+
+private val SubtitleColor = Color(0xFF868692)
+private const val STORIES_RELATIVE_PADDING = 0.7
+
+@Composable
+fun SwapStoriesScreen(config: SwapStoriesUM) {
+    if (config !is SwapStoriesUM.Content) return
+
+    BackHandler(onBack = config.onClose)
+    SystemBarsIconsDisposable(darkIcons = false)
+
+    StoriesContainer(
+        config = config,
+    ) { current, _ ->
+        Box(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(TangemColorPalette.Black),
+        ) {
+            SubcomposeAsyncImage(
+                modifier = Modifier.fillMaxSize(),
+                contentScale = ContentScale.Crop,
+                model = ImageRequest.Builder(context = LocalContext.current)
+                    .data(current.imageUrl)
+                    .crossfade(enable = false)
+                    .allowHardware(true)
+                    .build(),
+                loading = { },
+                error = { },
+                contentDescription = null,
+            )
+            val height = LocalWindowSize.current.height.value
+            val textAlign = (height.dp.value * STORIES_RELATIVE_PADDING).dp
+            Column(
+                horizontalAlignment = Alignment.CenterHorizontally,
+                modifier = Modifier
+                    .padding(
+                        top = textAlign,
+                        start = 56.dp,
+                        end = 56.dp,
+                    ),
+            ) {
+                Text(
+                    text = current.title.resolveReference(),
+                    style = TangemTheme.typography.head,
+                    color = TangemColorPalette.SoftWhite,
+                    textAlign = TextAlign.Center,
+                )
+                SpacerH16()
+                Text(
+                    text = current.subtitle.resolveReference(),
+                    style = TextStyle(
+                        fontSize = 16.sp,
+                        fontWeight = FontWeight.Normal,
+                        letterSpacing = TextUnit(value = 0.1f, type = TextUnitType.Sp),
+                        lineHeight = TextUnit(value = 20f, type = TextUnitType.Sp),
+                    ),
+                    color = SubtitleColor,
+                    textAlign = TextAlign.Center,
+                )
+            }
+        }
+    }
+}
+
+// region Preview
+@Preview(showBackground = true, widthDp = 360, heightDp = 720)
+@Preview(showBackground = true, widthDp = 360, heightDp = 720, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+private fun SwapStoriesScreen_Preview() {
+    TangemThemePreview {
+        SwapStoriesScreen(
+            SwapStoriesUM.Content(
+                stories = persistentListOf(
+                    SwapStoriesUM.Content.Config(
+                        imageUrl = "https://devweb.tangem.com/images/stories/swap/image1.png",
+                        title = stringReference("Exchange With Us"),
+                        subtitle = stringReference(
+                            "Trusted exchange providers let you swap assets effortlessly",
+                        ),
+                    ),
+                ),
+                onClose = {},
+            ),
+        )
+    }
+}
+// endregion