diff --git a/apps/mobile-wallet/locales/en-US/translation.json b/apps/mobile-wallet/locales/en-US/translation.json index 45c904e09..c82f82a07 100644 --- a/apps/mobile-wallet/locales/en-US/translation.json +++ b/apps/mobile-wallet/locales/en-US/translation.json @@ -397,5 +397,6 @@ "I'll do it later": "I'll do it later", "Save fund password": "Save fund password", "Decrypt": "Decrypt", - "Warning": "Warning" + "Warning": "Warning", + "No assets there, yet.": "No assets there, yet." } diff --git a/apps/mobile-wallet/src/components/AddressCard.tsx b/apps/mobile-wallet/src/components/AddressCard.tsx index 01d34a4ce..84019c18d 100644 --- a/apps/mobile-wallet/src/components/AddressCard.tsx +++ b/apps/mobile-wallet/src/components/AddressCard.tsx @@ -70,8 +70,6 @@ const AddressCard = ({ style, addressHash, onSettingsPress }: AddressCardProps) const isDark = colord(bgColor).isDark() const textColor = isDark ? 'rgba(255, 255, 255, 0.85)' : 'rgba(0, 0, 0, 0.8)' const outterBorderColor = colord(bgColor).lighten(0.3).toHex() - const innerBorderColor = isDark ? colord(bgColor).lighten(0.1).toHex() : colord(bgColor).darken(0.05).toHex() - const buttonsBackground = isDark ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.1)' const handleSendPress = () => { sendAnalytics({ event: 'Address card: Selected address to send funds from' }) diff --git a/apps/mobile-wallet/src/components/AddressesTokensList.tsx b/apps/mobile-wallet/src/components/AddressesTokensList.tsx index b4a1984cd..ed1eac19a 100644 --- a/apps/mobile-wallet/src/components/AddressesTokensList.tsx +++ b/apps/mobile-wallet/src/components/AddressesTokensList.tsx @@ -19,10 +19,13 @@ along with the library. If not, see . import { AddressHash, Asset } from '@alephium/shared' import { Skeleton } from 'moti/skeleton' import { useEffect, useMemo, useState } from 'react' +import { useTranslation } from 'react-i18next' import { ActivityIndicator, StyleProp, ViewStyle } from 'react-native' import Animated, { CurvedTransition } from 'react-native-reanimated' import styled, { useTheme } from 'styled-components/native' +import AppText from '~/components/AppText' +import EmptyPlaceholder from '~/components/EmptyPlaceholder' import UnknownTokensListItem, { UnknownTokensEntry } from '~/components/UnknownTokensListItem' import { useAppSelector } from '~/hooks/redux' import { makeSelectAddressesCheckedUnknownTokens, makeSelectAddressesKnownFungibleTokens } from '~/store/addressesSlice' @@ -52,6 +55,7 @@ const AddressesTokensList = ({ addressHash, isRefreshing, style }: AddressesToke const isLoadingVerified = useAppSelector((s) => s.fungibleTokens.loadingVerified) const isLoadingTokenTypes = useAppSelector((s) => s.fungibleTokens.loadingTokenTypes) const theme = useTheme() + const { t } = useTranslation() const showTokensSkeleton = isLoadingTokenBalances || isLoadingUnverified || isLoadingVerified || isLoadingTokenTypes @@ -74,8 +78,6 @@ const AddressesTokensList = ({ addressHash, isRefreshing, style }: AddressesToke setTokenRows(entries) }, [addressHash, showTokensSkeleton, knownFungibleTokens, unknownTokens.length]) - if (tokenRows.length === 0 && !isRefreshing) return null - return ( {tokenRows.map((entry, index) => @@ -94,6 +96,12 @@ const AddressesTokensList = ({ addressHash, isRefreshing, style }: AddressesToke ) )} + {!isRefreshing && tokenRows.length === 0 && ( + + 👀 + {t('No assets there, yet.')} + + )} {isRefreshing && ( <>