Updated on 2026-08-14

2023-06-01 23:35:17 +03:00 · 2023-06-01 23:35:17 +03:00 · 09907d00f6
commit 09907d00f6
parent 0196e56619
5 changed files with 220 additions and 69 deletions
--- a/features/learn2earn/impl/src/main/java/com/tangem/feature/learn2earn/presentation/ui/OneInchStoriesScreen.kt
+++ b/features/learn2earn/impl/src/main/java/com/tangem/feature/learn2earn/presentation/ui/OneInchStoriesScreen.kt
@ -0,0 +1,105 @@
+package com.tangem.feature.learn2earn.presentation.ui
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.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.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import com.tangem.core.ui.components.SecondaryButton
+import com.tangem.core.ui.components.SpacerH16
+import com.tangem.core.ui.components.SpacerH32
+import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.res.TangemTypography
+import com.tangem.feature.learn2earn.impl.R
+import com.tangem.feature.learn2earn.presentation.ui.component.GradientCircle
+
+/**
+[REDACTED_AUTHOR]
+ */
+@Suppress("ReusedModifierInstance")
+@Composable
+fun OneInchStoriesContent(onLearnClick: () -> Unit, modifier: Modifier = Modifier) {
+    Box(modifier = modifier.fillMaxSize()) {
+        ContentBackground(
+            modifier = modifier
+                .fillMaxSize()
+                .align(Alignment.Center),
+        )
+        StoryDescription(
+            headerText = stringResource(id = R.string.story_learn_title),
+            bodyText = stringResource(id = R.string.story_learn_description),
+        )
+        Image(
+            modifier = Modifier
+                .padding(bottom = TangemTheme.dimens.size68)
+                .align(Alignment.BottomCenter),
+            painter = painterResource(id = R.drawable.img_1inch_logo_401_378),
+            contentDescription = null,
+        )
+        SecondaryButton(
+            modifier = Modifier
+                .padding(horizontal = TangemTheme.dimens.size16)
+                .padding(bottom = TangemTheme.dimens.size84)
+                .fillMaxWidth()
+                .align(Alignment.BottomCenter),
+            text = stringResource(id = R.string.story_learn_learn),
+            onClick = onLearnClick,
+        )
+    }
+}
+
+@Suppress("MagicNumber")
+@Composable
+private fun ContentBackground(modifier: Modifier = Modifier) {
+    Box(modifier = modifier) {
+        GradientCircle(
+            size = 800.dp,
+            offsetX = (-220).dp,
+            offsetY = (-200).dp,
+            startColor = Color(0xCE164594),
+            endColor = Color(0x000B173D),
+        )
+        GradientCircle(
+            size = 800.dp,
+            offsetX = 200.dp,
+            offsetY = 290.dp,
+            startColor = Color(0xFF3D0230),
+            endColor = Color(0x000B0E17),
+        )
+    }
+}
+
+@Composable
+private fun StoryDescription(headerText: String, bodyText: String) {
+    Column(
+        modifier = Modifier
+            .padding(horizontal = TangemTheme.dimens.size40)
+            .fillMaxSize(),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.Top,
+    ) {
+        SpacerH32()
+        Text(
+            text = headerText,
+            textAlign = TextAlign.Center,
+            style = TangemTheme.typography.h1.copy(
+                fontWeight = FontWeight.Bold,
+            ),
+            color = TangemTheme.colors.text.primary2,
+        )
+        SpacerH16()
+        Text(
+            text = bodyText,
+            textAlign = TextAlign.Center,
+            style = TangemTypography.subtitle1,
+            color = TangemTheme.colors.text.tertiary,
+        )
+    }
+}
--- a/features/learn2earn/impl/src/main/java/com/tangem/feature/learn2earn/presentation/ui/component/Gradient.kt
+++ b/features/learn2earn/impl/src/main/java/com/tangem/feature/learn2earn/presentation/ui/component/Gradient.kt
@ -0,0 +1,38 @@
+package com.tangem.feature.learn2earn.presentation.ui.component
+
+import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.size
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.Dp
+
+/**
+[REDACTED_AUTHOR]
+ */
+@Composable
+internal fun GradientCircle(
+    size: Dp,
+    offsetX: Dp,
+    offsetY: Dp,
+    startColor: Color,
+    endColor: Color,
+    radius: Dp = size / 2,
+) {
+    Canvas(
+        modifier = Modifier
+            .size(size)
+            .offset(x = offsetX, y = offsetY),
+        onDraw = {
+            drawCircle(
+                radius = radius.toPx(),
+                brush = Brush.radialGradient(
+                    radius = radius.toPx(),
+                    colors = listOf(startColor, endColor),
+                ),
+            )
+        },
+    )
+}