Updated on 2026-08-14

This commit is contained in:
Tangem 2025-04-16 14:17:51 +05:00
parent 29504be863
commit e608f81717
3 changed files with 81 additions and 49 deletions

View file

@ -68,7 +68,7 @@ internal class UpdateDataStateTransformer(
is NFTCollection.Assets.Empty,
is NFTCollection.Assets.Failed,
is NFTCollection.Assets.Loading,
-> true
-> false
is NFTCollection.Assets.Value -> {
assets.items.any { asset ->
asset.name?.lowercase()?.contains(query.lowercase()) == true

View file

@ -9,11 +9,13 @@ import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.LazyListScope
import androidx.compose.foundation.lazy.rememberLazyListState
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.key
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.util.fastForEach
import com.tangem.core.ui.components.PrimaryButton
@ -36,6 +38,8 @@ import kotlinx.collections.immutable.persistentListOf
internal fun NFTCollectionsContent(content: NFTCollectionsUM.Content, modifier: Modifier = Modifier) {
val listState = rememberLazyListState()
val bottomPadding = TangemTheme.dimens.spacing60
Box(
modifier = modifier
.fillMaxSize()
@ -54,55 +58,72 @@ internal fun NFTCollectionsContent(content: NFTCollectionsUM.Content, modifier:
state = content.search,
colors = TangemSearchBarDefaults.secondaryTextFieldColors,
)
content.warnings.fastForEach {
key(it.id) {
NFTCollectionWarning(
if (content.collections.isEmpty()) {
Box(
modifier = modifier
.fillMaxSize()
.padding(bottom = bottomPadding),
) {
Text(
modifier = Modifier
.padding(top = TangemTheme.dimens.spacing16),
state = it,
.align(Alignment.Center),
text = stringResourceSafe(id = R.string.nft_empty_search),
style = TangemTheme.typography.body2,
color = TangemTheme.colors.text.tertiary,
textAlign = TextAlign.Center,
)
}
}
LazyColumn(
modifier = Modifier
.fillMaxWidth()
.padding(
top = TangemTheme.dimens.spacing16,
bottom = TangemTheme.dimens.spacing60,
)
.clip(TangemTheme.shapes.roundedCornersXMedium)
.background(TangemTheme.colors.background.primary),
state = listState,
) {
content.collections.fastForEach { collection ->
item(key = collection.id) {
NFTCollection(
modifier = Modifier.fillMaxWidth(),
state = collection,
} else {
content.warnings.fastForEach {
key(it.id) {
NFTCollectionWarning(
modifier = Modifier
.padding(top = TangemTheme.dimens.spacing16),
state = it,
)
}
when (val assets = collection.assets) {
is NFTCollectionAssetsListUM.Init -> Unit
is NFTCollectionAssetsListUM.Loading -> {
assetsListLoading(
collectionId = collection.id,
content = assets,
expanded = collection.isExpanded,
}
LazyColumn(
modifier = Modifier
.fillMaxWidth()
.padding(
top = TangemTheme.dimens.spacing16,
bottom = bottomPadding,
)
.clip(TangemTheme.shapes.roundedCornersXMedium)
.background(TangemTheme.colors.background.primary),
state = listState,
) {
content.collections.fastForEach { collection ->
item(key = collection.id) {
NFTCollection(
modifier = Modifier.fillMaxWidth(),
state = collection,
)
}
is NFTCollectionAssetsListUM.Failed -> {
assetsListFailed(
collectionId = collection.id,
content = assets,
expanded = collection.isExpanded,
)
}
is NFTCollectionAssetsListUM.Content -> {
assetsListContent(
collectionId = collection.id,
content = assets,
expanded = collection.isExpanded,
)
when (val assets = collection.assets) {
is NFTCollectionAssetsListUM.Init -> Unit
is NFTCollectionAssetsListUM.Loading -> {
assetsListLoading(
collectionId = collection.id,
content = assets,
expanded = collection.isExpanded,
)
}
is NFTCollectionAssetsListUM.Failed -> {
assetsListFailed(
collectionId = collection.id,
content = assets,
expanded = collection.isExpanded,
)
}
is NFTCollectionAssetsListUM.Content -> {
assetsListContent(
collectionId = collection.id,
content = assets,
expanded = collection.isExpanded,
)
}
}
}
}

View file

@ -1,7 +1,11 @@
package com.tangem.features.nft.receive.ui
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import com.tangem.core.ui.extensions.stringResourceSafe
import com.tangem.core.ui.res.TangemTheme
@ -9,10 +13,17 @@ import com.tangem.features.nft.impl.R
@Composable
internal fun NFTReceiveNetworksEmpty(modifier: Modifier = Modifier) {
Text(
modifier = modifier,
text = stringResourceSafe(id = R.string.nft_empty_search),
style = TangemTheme.typography.body2,
color = TangemTheme.colors.text.tertiary,
)
Box(
modifier = modifier
.fillMaxSize()
.background(TangemTheme.colors.background.secondary),
) {
Text(
modifier = Modifier
.align(Alignment.Center),
text = stringResourceSafe(id = R.string.nft_empty_search),
style = TangemTheme.typography.body2,
color = TangemTheme.colors.text.tertiary,
)
}
}