Updated on 2026-08-14

core/ui/build.gradle.kts

@@ -27,6 +27,7 @@ dependencies {
     implementation(deps.compose.material3)
     implementation(deps.compose.paging)
     implementation(deps.compose.ui.tooling)
+    implementation(deps.compose.ui.utils)
 
     /** Other libraries */
     implementation(deps.compose.accompanist.systemUiController)

core/ui/src/main/java/com/tangem/core/ui/components/transactions/TransactionList.kt

@@ -1,18 +1,27 @@
 package com.tangem.core.ui.components.transactions
 
 import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyListScope
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.util.fastForEach
 import androidx.paging.compose.LazyPagingItems
 import androidx.paging.compose.itemContentType
 import androidx.paging.compose.itemKey
 import com.tangem.core.ui.components.transactions.empty.EmptyTransactionBlock
 import com.tangem.core.ui.components.transactions.empty.EmptyTransactionsBlockState
+import com.tangem.core.ui.components.transactions.state.TransactionState
 import com.tangem.core.ui.components.transactions.state.TxHistoryState
 import com.tangem.core.ui.decorations.roundedShapeItemDecoration
 import com.tangem.core.ui.res.TangemTheme
+import kotlinx.collections.immutable.ImmutableList
 
 /**
  * LazyList extension for transactions history [TxHistoryState]
@@ -45,6 +54,12 @@ fun LazyListScope.txHistoryItems(
             )
         }
         is TxHistoryState.NotSupported -> {
+            if (state.pendingTransactions.isNotEmpty()) {
+                item(key = "PendingTxsBlock", contentType = "PendingTxsBlock") {
+                    PendingTxsBlock(pendingTxs = state.pendingTransactions, isBalanceHidden = isBalanceHidden)
+                }
+            }
+
             nonContentItem(
                 state = EmptyTransactionsBlockState.NotImplemented(onClick = state.onExploreClick),
                 modifier = modifier,
@@ -86,6 +101,21 @@ private fun LazyListScope.contentItems(
     )
 }
 
+@Composable
+private fun PendingTxsBlock(pendingTxs: ImmutableList<TransactionState>, isBalanceHidden: Boolean) {
+    Column(
+        modifier = Modifier
+            .padding(top = TangemTheme.dimens.spacing12)
+            .padding(horizontal = TangemTheme.dimens.spacing16)
+            .clip(shape = TangemTheme.shapes.roundedCornersXMedium)
+            .background(color = TangemTheme.colors.background.primary),
+        verticalArrangement = Arrangement.spacedBy(space = TangemTheme.dimens.spacing8),
+        horizontalAlignment = Alignment.Start,
+    ) {
+        pendingTxs.fastForEach { Transaction(state = it, isBalanceHidden = isBalanceHidden) }
+    }
+}
+
 @OptIn(ExperimentalFoundationApi::class)
 private fun LazyListScope.nonContentItem(state: EmptyTransactionsBlockState, modifier: Modifier = Modifier) {
     item(key = state::class.java, contentType = state::class.java) {

core/ui/src/main/java/com/tangem/core/ui/components/transactions/state/TxHistoryState.kt

@@ -1,6 +1,7 @@
 package com.tangem.core.ui.components.transactions.state
 
 import androidx.paging.PagingData
+import kotlinx.collections.immutable.ImmutableList
 import kotlinx.coroutines.flow.MutableStateFlow
 
 /** Wallet transaction history state */
@@ -19,9 +20,13 @@ sealed interface TxHistoryState {
     /**
      * Not supported tx history state
      *
-     * @property onExploreClick lambda be invoke when explore button was clicked
+     * @property pendingTransactions pending transactions
+     * @property onExploreClick      lambda be invoke when explore button was clicked
      */
-    data class NotSupported(val onExploreClick: () -> Unit) : TxHistoryState
+    data class NotSupported(
+        val pendingTransactions: ImmutableList<TransactionState>,
+        val onExploreClick: () -> Unit,
+    ) : TxHistoryState
 
     /**
      * Error state