diff --git a/src/features/my-wallet/components/balance.tsx b/src/features/my-wallet/components/balance.tsx index fab0f52ae..d02fcbae9 100644 --- a/src/features/my-wallet/components/balance.tsx +++ b/src/features/my-wallet/components/balance.tsx @@ -1,24 +1,28 @@ // import IconButton from 'soapbox/components/ui/icon-button.tsx'; import withddrawIcon from '@tabler/icons/outline/cash.svg'; -import editIcon from '@tabler/icons/outline/edit.svg'; import exchangeIcon from '@tabler/icons/outline/transfer.svg'; -import { FormattedMessage } from 'react-intl'; +import { defineMessages, useIntl } from 'react-intl'; import Button from 'soapbox/components/ui/button.tsx'; import Divider from 'soapbox/components/ui/divider.tsx'; import HStack from 'soapbox/components/ui/hstack.tsx'; import Stack from 'soapbox/components/ui/stack.tsx'; -import SvgIcon from 'soapbox/components/ui/svg-icon.tsx'; import Text from 'soapbox/components/ui/text.tsx'; import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts'; -// const messages = defineMessages({ -// label: { id: 'settings.messages.label', defaultMessage: 'Allow users to start a new chat with you' }, -// }); +const messages = defineMessages({ + balance: { id: 'my_wallet.balance.sats', defaultMessage: '{amount} sats' }, + withdraw: { id: 'my_wallet.balance.withdraw_button', defaultMessage: 'Withdraw' }, + exchange: { id: 'my_wallet.balance.exchange_button', defaultMessage: 'Exchange' }, +}); +interface IBalance { + balance: number; +} -const Balance = () => { +const Balance = ({ balance }: IBalance) => { const { account } = useOwnAccount(); + const intl = useIntl(); if (!account) { return null; @@ -28,14 +32,8 @@ const Balance = () => { - - - - - - - {/* 166,186 sats */} + {intl.formatMessage(messages.balance, { amount: balance })} @@ -45,8 +43,8 @@ const Balance = () => { -