diff --git a/src/components/BalanceText.tsx b/src/components/BalanceText.tsx index 5f61fb27d..2d6fe9fb8 100644 --- a/src/components/BalanceText.tsx +++ b/src/components/BalanceText.tsx @@ -16,7 +16,7 @@ const BalanceText = ({ const integral = useMemo(() => Math.floor(amount || 0), [amount]) const fractional = useMemo(() => { - if (amount === undefined) return '-' + if (amount === undefined) return '' const decimal = amount - integral const fraction = decimal.toString().split('.')[1] // Fraction with max length of decimals @@ -31,10 +31,12 @@ const BalanceText = ({ paddingTop="2" adjustsFontSizeToFit variant="displayLgBold" - color="primaryText" + color={ + amount === undefined ? 'text.placeholder-subtle' : 'primaryText' + } {...rest} > - {`$${integral.toLocaleString(locale)}`} + {amount === undefined ? '-' : `$${integral.toLocaleString(locale)}`} { const [isExpanded, setIsExpanded] = useState(false) const bottomSheetRef = useRef(null) const serviceNav = useNavigation() - const [currentService, setCurrentService] = useState('') + const [currentService, setCurrentService] = useState('wallet') const { top } = useSafeAreaInsets() const onRoute = useCallback((value: string) => { @@ -90,7 +90,7 @@ const ServiceSheet = ({ children }: ServiceSheetProps) => { walletsSelected={currentService === 'wallets'} onClose={onCloseSheet} /> - +