diff --git a/src/components/AssetBadge.tsx b/src/components/AssetBadge.tsx
index 17d42fc3e..57b584405 100644
--- a/src/components/AssetBadge.tsx
+++ b/src/components/AssetBadge.tsx
@@ -50,7 +50,9 @@ const AssetBadge = ({ assetId, amount, simple, className }: AssetBadgeProps) =>
assetName={assetInfo?.name}
isNft={!!nftInfo}
/>
- {amount !== undefined ? (
+ {nftInfo?.name ? (
+ {nftInfo?.name}
+ ) : amount !== undefined ? (
) : (
!simple && assetInfo?.symbol && {assetInfo.symbol}
diff --git a/src/components/Inputs/SelectOptionAddress.tsx b/src/components/Inputs/SelectOptionAddress.tsx
index 2213f1892..bfbe4df40 100644
--- a/src/components/Inputs/SelectOptionAddress.tsx
+++ b/src/components/Inputs/SelectOptionAddress.tsx
@@ -22,6 +22,7 @@ import styled from 'styled-components'
import AddressBadge from '@/components/AddressBadge'
import AssetBadge from '@/components/AssetBadge'
+import Badge from '@/components/Badge'
import SelectOptionItemContent from '@/components/Inputs/SelectOptionItemContent'
import { useAppSelector } from '@/hooks/redux'
import { makeSelectAddressesTokens } from '@/storage/addresses/addressesSelectors'
@@ -38,6 +39,9 @@ const SelectOptionAddress = ({ address, isSelected, className }: SelectOptionAdd
const selectAddressesTokens = useMemo(makeSelectAddressesTokens, [])
const assets = useAppSelector((s) => selectAddressesTokens(s, address.hash))
+ const knownAssetsWithBalance = assets.filter((a) => a.balance > 0 && a.name)
+ const unknownAssetsNb = assets.filter((a) => a.balance > 0 && !a.name).length
+
return (
- {assets.map((a) => (
+ {knownAssetsWithBalance.map((a) => (
))}
+ {unknownAssetsNb > 0 && + {unknownAssetsNb}}
}
/>
@@ -85,4 +90,5 @@ const AssetList = styled.div`
display: flex;
gap: var(--spacing-2);
flex-wrap: wrap;
+ align-items: center;
`
diff --git a/src/modals/SendModals/AddressInputs.tsx b/src/modals/SendModals/AddressInputs.tsx
index 1eb347e3b..f3d293e72 100644
--- a/src/modals/SendModals/AddressInputs.tsx
+++ b/src/modals/SendModals/AddressInputs.tsx
@@ -54,8 +54,6 @@ interface AddressInputsProps {
className?: string
}
-type InputFieldMode = 'view' | 'edit'
-
const AddressInputs = ({
defaultFromAddress,
fromAddresses,