lbry-desktop/ui/component/common/lbc-message.jsx
2020-11-20 12:01:16 -05:00

27 lines
697 B
JavaScript

// @flow
import React from 'react';
import I18nMessage from 'component/i18nMessage';
import CreditAmount from 'component/common/credit-amount';
type Props = {
children: string,
};
export default function LbcMessage(props: Props) {
let amount;
const tokenizedMessage = props.children.replace(
/(\d?\.?\d?-?\d?\.?-?\d+?)\s(LBC|LBRY Credits?)/g,
(originalString, lbcAmount, thirdArg) => {
amount = lbcAmount;
return `%lbc%`;
}
);
return (
<I18nMessage tokens={{ lbc: amount ? <CreditAmount badge noFormat amount={amount} /> : undefined }}>
{/* Catch any rogue LBC's left */}
{tokenizedMessage.replace(/LBC/g, 'Credits')}
</I18nMessage>
);
}