Updated on 2026-08-14

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/common/WalletPreviewData.kt

@@ -1,8 +1,9 @@
 package com.tangem.feature.wallet.presentation.common
 
 import com.tangem.core.ui.R
+import com.tangem.core.ui.components.marketprice.MarketPriceBlockState
+import com.tangem.core.ui.components.marketprice.PriceChangeConfig
 import com.tangem.core.ui.components.transactions.TransactionState
-import com.tangem.feature.wallet.presentation.common.state.PriceChangeConfig
 import com.tangem.feature.wallet.presentation.common.state.TokenItemState
 import com.tangem.feature.wallet.presentation.common.state.TokenItemState.TokenOptionsState
 import com.tangem.feature.wallet.presentation.organizetokens.DraggableItem
@@ -204,15 +205,6 @@ internal object WalletPreviewData {
         WalletManageButton.CopyAddress(onClick = {}),
     )
 
-    val marketplaceBlockContent = WalletMarketplaceBlockState.Content(
-        currencyName = "BTC",
-        price = "0.11$",
-        priceChangeConfig = PriceChangeConfig(
-            valueInPercent = "5.16%",
-            type = PriceChangeConfig.Type.UP,
-        ),
-    )
-
     val multicurrencyWalletScreenState = WalletStateHolder.MultiCurrencyContent(
         onBackClick = {},
         topBarConfig = walletTopBarConfig,
@@ -300,6 +292,13 @@ internal object WalletPreviewData {
         ),
         notifications = persistentListOf(WalletNotification.LikeTangemApp(onClick = {})),
         buttons = manageButtons,
-        marketplaceBlockState = marketplaceBlockContent,
+        marketPriceBlockState = MarketPriceBlockState.Content(
+            currencyName = "BTC",
+            price = "98900.12$",
+            priceChangeConfig = PriceChangeConfig(
+                valueInPercent = "5.16%",
+                type = PriceChangeConfig.Type.UP,
+            ),
+        ),
     )
 }

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/common/component/TokenItem.kt

@@ -28,11 +28,11 @@ import androidx.constraintlayout.compose.Dimension
 import coil.compose.SubcomposeAsyncImage
 import coil.request.ImageRequest
 import com.tangem.core.ui.components.*
+import com.tangem.core.ui.components.marketprice.PriceChangeConfig
 import com.tangem.core.ui.res.TangemTheme
 import com.tangem.core.ui.res.TangemTypography
 import com.tangem.feature.wallet.impl.R
 import com.tangem.feature.wallet.presentation.common.WalletPreviewData
-import com.tangem.feature.wallet.presentation.common.state.PriceChangeConfig
 import com.tangem.feature.wallet.presentation.common.state.TokenItemState
 import com.tangem.feature.wallet.presentation.common.state.TokenItemState.TokenOptionsState
 import org.burnoutcrew.reorderable.ReorderableLazyListState

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/common/state/PriceChangeConfig.kt

@@ -1,15 +0,0 @@
-package com.tangem.feature.wallet.presentation.common.state
-
-/**
- * Price changing config
- *
- * @property valueInPercent value in percent
- * @property type           type [Type]
- */
-internal data class PriceChangeConfig(val valueInPercent: String, val type: Type) {
-
-    /** Price changing type */
-    enum class Type {
-        UP, DOWN
-    }
-}

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/common/state/TokenItemState.kt

@@ -2,6 +2,7 @@ package com.tangem.feature.wallet.presentation.common.state
 
 import androidx.annotation.DrawableRes
 import androidx.compose.runtime.Immutable
+import com.tangem.core.ui.components.marketprice.PriceChangeConfig
 
 /** Token item state */
 @Immutable

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/wallet/state/WalletMarketplaceBlockState.kt

@@ -1,33 +0,0 @@
-package com.tangem.feature.wallet.presentation.wallet.state
-
-import com.tangem.feature.wallet.presentation.common.state.PriceChangeConfig
-
-/**
- * Wallet marketplace component state
- *
- * @property currencyName currency name
- *
-[REDACTED_AUTHOR]
- */
-internal sealed class WalletMarketplaceBlockState(open val currencyName: String) {
-
-    /**
-     * Loading state
-     *
-     * @property currencyName currency name
-     */
-    data class Loading(override val currencyName: String) : WalletMarketplaceBlockState(currencyName = currencyName)
-
-    /**
-     * Content state
-     *
-     * @property currencyName      currency name
-     * @property price             price
-     * @property priceChangeConfig price change config
-     */
-    data class Content(
-        override val currencyName: String,
-        val price: String,
-        val priceChangeConfig: PriceChangeConfig,
-    ) : WalletMarketplaceBlockState(currencyName = currencyName)
-}

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/wallet/state/WalletStateHolder.kt

@@ -1,5 +1,6 @@
 package com.tangem.feature.wallet.presentation.wallet.state
 
+import com.tangem.core.ui.components.marketprice.MarketPriceBlockState
 import kotlinx.collections.immutable.ImmutableList
 
 /**
@@ -49,7 +50,7 @@ internal sealed class WalletStateHolder(
      * @property contentItems          content items
      * @property notifications         notifications
      * @property buttons               manage buttons
-     * @property marketplaceBlockState marketplace block state
+     * @property marketPriceBlockState market price block state
      */
     data class SingleCurrencyContent(
         override val onBackClick: () -> Unit,
@@ -58,6 +59,6 @@ internal sealed class WalletStateHolder(
         override val contentItems: ImmutableList<WalletContentItemState.SingleCurrencyItem>,
         override val notifications: ImmutableList<WalletNotification>,
         val buttons: ImmutableList<WalletManageButton>,
-        val marketplaceBlockState: WalletMarketplaceBlockState,
+        val marketPriceBlockState: MarketPriceBlockState,
     ) : WalletStateHolder(onBackClick, topBarConfig, walletsListConfig, contentItems, notifications)
 }

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/wallet/ui/WalletScreen.kt

@@ -18,6 +18,7 @@ import androidx.compose.ui.tooling.preview.PreviewParameter
 import androidx.compose.ui.tooling.preview.datasource.CollectionPreviewParameterProvider
 import com.tangem.core.ui.components.buttons.actions.ActionButtonConfig
 import com.tangem.core.ui.components.buttons.actions.RoundedActionButton
+import com.tangem.core.ui.components.marketprice.MarketPriceBlock
 import com.tangem.core.ui.components.notifications.Notification
 import com.tangem.core.ui.components.transactions.Transaction
 import com.tangem.core.ui.res.TangemTheme
@@ -33,7 +34,6 @@ import com.tangem.feature.wallet.presentation.wallet.ui.components.WalletsList
 import com.tangem.feature.wallet.presentation.wallet.ui.components.singlecurrency.TransactionsBlockGroupTitle
 import com.tangem.feature.wallet.presentation.wallet.ui.components.singlecurrency.TransactionsBlockTitle
 import com.tangem.feature.wallet.presentation.wallet.ui.components.singlecurrency.WalletManageButtons
-import com.tangem.feature.wallet.presentation.wallet.ui.components.singlecurrency.WalletMarketplaceBlock
 import com.tangem.feature.wallet.presentation.wallet.ui.decorations.walletContentItemDecoration
 import com.tangem.feature.wallet.presentation.wallet.ui.utils.changeWalletAnimator
 
@@ -94,8 +94,8 @@ internal fun WalletScreen(state: WalletStateHolder) {
 
             if (state is WalletStateHolder.SingleCurrencyContent) {
                 item {
-                    WalletMarketplaceBlock(
-                        state = state.marketplaceBlockState,
+                    MarketPriceBlock(
+                        state = state.marketPriceBlockState,
                         modifier = changeableItemModifier
                             .padding(top = TangemTheme.dimens.spacing14)
                             .padding(horizontal = TangemTheme.dimens.spacing16),

features/wallet/impl/src/main/java/com/tangem/feature/wallet/presentation/wallet/ui/components/singlecurrency/WalletMarketplaceBlock.kt

@@ -1,158 +0,0 @@
-package com.tangem.feature.wallet.presentation.wallet.ui.components.singlecurrency
-
-import androidx.compose.foundation.Image
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material.Text
-import androidx.compose.runtime.*
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.layout.onSizeChanged
-import androidx.compose.ui.platform.LocalDensity
-import androidx.compose.ui.res.painterResource
-import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.text.style.TextOverflow
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.tooling.preview.PreviewParameter
-import androidx.compose.ui.tooling.preview.datasource.CollectionPreviewParameterProvider
-import androidx.compose.ui.unit.Dp
-import com.tangem.core.ui.components.RectangleShimmer
-import com.tangem.core.ui.res.TangemTheme
-import com.tangem.feature.wallet.impl.R
-import com.tangem.feature.wallet.presentation.common.WalletPreviewData
-import com.tangem.feature.wallet.presentation.common.state.PriceChangeConfig
-import com.tangem.feature.wallet.presentation.wallet.state.WalletMarketplaceBlockState
-
-/**
- * Wallet marketplace block
- *
- * @param state state
- *
-[REDACTED_AUTHOR]
- */
-@Composable
-internal fun WalletMarketplaceBlock(state: WalletMarketplaceBlockState, modifier: Modifier = Modifier) {
-    var rootWidth by remember { mutableStateOf(value = 0) }
-    Column(
-        modifier = modifier
-            .background(
-                color = TangemTheme.colors.background.primary,
-                shape = RoundedCornerShape(TangemTheme.dimens.radius14),
-            )
-            .heightIn(min = TangemTheme.dimens.size70)
-            .fillMaxWidth()
-            .padding(all = TangemTheme.dimens.spacing14)
-            .onSizeChanged { rootWidth = it.width },
-        verticalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing6),
-        horizontalAlignment = Alignment.Start,
-    ) {
-        Text(
-            text = stringResource(id = R.string.wallet_marketplace_block_title, state.currencyName),
-            color = TangemTheme.colors.text.tertiary,
-            style = TangemTheme.typography.subtitle2,
-        )
-
-        when (state) {
-            is WalletMarketplaceBlockState.Loading -> {
-                RectangleShimmer(
-                    modifier = Modifier.size(width = TangemTheme.dimens.size158, height = TangemTheme.dimens.size20),
-                )
-            }
-            is WalletMarketplaceBlockState.Content -> {
-                Price(
-                    config = state,
-                    priceWidthDp = with(LocalDensity.current) { rootWidth.div(other = 2).toDp() },
-                )
-            }
-        }
-    }
-}
-
-@Composable
-private fun Price(config: WalletMarketplaceBlockState.Content, priceWidthDp: Dp) {
-    Row(
-        modifier = Modifier,
-        verticalAlignment = Alignment.CenterVertically,
-        horizontalArrangement = Arrangement.spacedBy(space = TangemTheme.dimens.spacing8),
-    ) {
-        Text(
-            text = config.price,
-            modifier = Modifier.widthIn(max = priceWidthDp),
-            color = TangemTheme.colors.text.primary1,
-            overflow = TextOverflow.Ellipsis,
-            maxLines = 1,
-            style = TangemTheme.typography.body2,
-        )
-
-        PriceChangeInPercent(config.priceChangeConfig)
-
-        Text(
-            text = stringResource(id = R.string.wallet_marketprice_block_update_time),
-            color = TangemTheme.colors.text.tertiary,
-            style = TangemTheme.typography.body2,
-        )
-    }
-}
-
-@Composable
-private fun PriceChangeInPercent(config: PriceChangeConfig) {
-    Row(
-        verticalAlignment = Alignment.CenterVertically,
-        horizontalArrangement = Arrangement.spacedBy(space = TangemTheme.dimens.spacing4),
-    ) {
-        Image(
-            painter = painterResource(
-                id = when (config.type) {
-                    PriceChangeConfig.Type.UP -> R.drawable.img_arrow_up_8
-                    PriceChangeConfig.Type.DOWN -> R.drawable.img_arrow_down_8
-                },
-            ),
-            contentDescription = null,
-        )
-
-        Text(
-            text = config.valueInPercent,
-            color = when (config.type) {
-                PriceChangeConfig.Type.UP -> TangemTheme.colors.text.accent
-                PriceChangeConfig.Type.DOWN -> TangemTheme.colors.text.warning
-            },
-            style = TangemTheme.typography.body2,
-        )
-    }
-}
-
-@Preview
-@Composable
-private fun Preview_MarketplaceBlock_Light(
-    @PreviewParameter(WalletMarketplaceStateProvider::class)
-    state: WalletMarketplaceBlockState,
-) {
-    TangemTheme(isDark = false) {
-        WalletMarketplaceBlock(state = state)
-    }
-}
-
-@Preview
-@Composable
-private fun Preview_MarketplaceBlock_Dark(
-    @PreviewParameter(WalletMarketplaceStateProvider::class)
-    state: WalletMarketplaceBlockState,
-) {
-    TangemTheme(isDark = true) {
-        WalletMarketplaceBlock(state = state)
-    }
-}
-
-private class WalletMarketplaceStateProvider : CollectionPreviewParameterProvider<WalletMarketplaceBlockState>(
-    collection = listOf(
-        WalletPreviewData.marketplaceBlockContent,
-        WalletPreviewData.marketplaceBlockContent.copy(
-            priceChangeConfig = PriceChangeConfig(
-                valueInPercent = "5.16%",
-                type = PriceChangeConfig.Type.DOWN,
-            ),
-        ),
-        WalletMarketplaceBlockState.Loading(currencyName = "BTC"),
-    ),
-)