GiftedHacker/tangem-app-android-audited
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Updated on 2026-08-14

Browse source
This commit is contained in:
Tangem 2026-07-21 07:49:18 -07:00
parent 5c05c30adc
commit ee0baa5102
1 changed files with 28 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

38
features/tangempay/details/impl/src/main/kotlin/com/tangem/features/tangempay/tiers/select/TangemPaySelectPlanScreen.kt
View file

@ -6,6 +6,7 @@ import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.pager.HorizontalPager
import androidx.compose.foundation.pager.PageSize
import androidx.compose.foundation.pager.rememberPagerState
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.verticalScroll
@ -23,7 +24,7 @@ import androidx.compose.ui.tooling.preview.Devices
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.util.fastForEach
import coil.compose.SubcomposeAsyncImage
import coil.compose.AsyncImage
import coil.request.ImageRequest
import com.tangem.core.ui.ds.TangemPagerIndicator
import com.tangem.core.ui.ds.topbar.TangemTopBar
@ -42,6 +43,11 @@ import kotlinx.collections.immutable.persistentListOf
import kotlinx.coroutines.flow.distinctUntilChanged
import com.tangem.core.ui.R as CoreUiR
private const val CARD_WIDTH = 266f
private const val CARD_HEIGHT = 172f
private const val CARD_SPACING = 12f
private const val SCREEN_MARGIN = 24f
@Composable
internal fun TangemPaySelectPlanScreen(state: TangemPaySelectPlanUM, modifier: Modifier = Modifier) {
Box(
@ -110,17 +116,21 @@ private fun ColumnScope.SelectContent(state: TangemPaySelectPlanUM) {
.collect(state.onPlanSelected)
}
BoxWithConstraints(modifier = Modifier.fillMaxWidth()) {
val endPadding = (maxWidth - SCREEN_MARGIN.dp - CARD_WIDTH.dp).coerceAtLeast(0.dp)
HorizontalPager(
state = pagerState,
modifier = Modifier
.fillMaxWidth()
.padding(top = 12.dp),
contentPadding = PaddingValues(horizontal = 24.dp),
pageSpacing = 8.dp,
pageSize = PageSize.Fixed(CARD_WIDTH.dp),
contentPadding = PaddingValues(start = SCREEN_MARGIN.dp, end = endPadding),
pageSpacing = CARD_SPACING.dp,
beyondViewportPageCount = 1,
) { page ->
PlanCard(imageUrl = plans[page].imageUrl)
}
}
if (plans.size > 1) {
TangemPagerIndicator(
@ -193,15 +203,10 @@ private fun PlanPoint(point: TangemPaySelectPlanUM.PointUM, modifier: Modifier =
private fun ColumnScope.ConfirmContent(state: TangemPaySelectPlanUM, content: TangemPaySelectPlanUM.Content.Confirm) {
val selectedPlan = state.plans.getOrNull(state.selectedIndex) ?: return
Box(
modifier = Modifier
.fillMaxWidth()
.padding(horizontal = 24.dp)
.padding(top = 12.dp),
contentAlignment = Alignment.Center,
) {
PlanCard(imageUrl = selectedPlan.imageUrl)
}
PlanCard(
imageUrl = selectedPlan.imageUrl,
modifier = Modifier.padding(start = 24.dp, top = 12.dp),
)
Spacer(modifier = Modifier.weight(1f))
PlanDetails(
title = content.title,
@ -263,13 +268,12 @@ private fun ConfirmFooter(content: TangemPaySelectPlanUM.Content.Confirm, modifi
}
}
@Suppress("MagicNumber")
@Composable
private fun PlanCard(imageUrl: String?, modifier: Modifier = Modifier) {
Box(
modifier = modifier
.fillMaxWidth()
.aspectRatio(ratio = 266f / 172f),
.width(CARD_WIDTH.dp)
.aspectRatio(ratio = CARD_WIDTH / CARD_HEIGHT),
) {
Image(
modifier = Modifier.matchParentSize(),
@ -277,14 +281,12 @@ private fun PlanCard(imageUrl: String?, modifier: Modifier = Modifier) {
contentDescription = null,
contentScale = ContentScale.FillBounds,
)
SubcomposeAsyncImage(
AsyncImage(
modifier = Modifier.matchParentSize(),
model = ImageRequest.Builder(LocalContext.current)
.data(imageUrl)
.crossfade(true)
.build(),
loading = {},
error = {},
contentScale = ContentScale.FillBounds,
contentDescription = null,
)