5f1f702490
* Refactor filePrice * Refactor Wallet Tip Components * Add backend sticker support for comments * Add stickers * Refactor commentCreate * Add Sticker Selector and sticker comment creation * Add stickers display to comments and hyperchats * Fix wrong checks for total Super Chats
22 lines
727 B
JavaScript
22 lines
727 B
JavaScript
// @flow
|
|
import CreditAmount from 'component/common/credit-amount';
|
|
import I18nMessage from 'component/i18nMessage';
|
|
import React from 'react';
|
|
|
|
type Props = { balance: number, inline?: boolean };
|
|
|
|
function WalletSpendableBalanceHelp(props: Props) {
|
|
const { balance, inline } = props;
|
|
|
|
const getMessage = (text: string) => (
|
|
<I18nMessage tokens={{ balance: <CreditAmount amount={balance} precision={4} /> }}>{text}</I18nMessage>
|
|
);
|
|
|
|
return !balance ? null : inline ? (
|
|
<span className="help--spendable">{getMessage(__('%balance% available.'))}</span>
|
|
) : (
|
|
<div className="help">{getMessage(__('Your immediately spendable balance is %balance%.'))}</div>
|
|
);
|
|
}
|
|
|
|
export default WalletSpendableBalanceHelp;
|