import PaymentIcon from './PaymentIcons' import React, { Component } from 'react' import {Tooltip} from "@mui/material" import { intlFormat } from 'date-fns'; const someMethods = [ {name: "Revolut",icon:'revolut'}, {name: "CashApp",icon:'cashapp'}, {name: "Zelle",icon:'zelle'}, {name: "Strike",icon:'strike'}, {name: "Rebellion",icon:'rebellion'}, {name: "Interac e-Transfer",icon:'interac'}, {name: "Wise",icon:'wise'}, {name: "Venmo",icon:'venmo'}, {name: "Faster Payments",icon:'faster'}, {name: "Paypal",icon:'paypal'}, {name: "LINE Pay",icon:'linepay'}, {name: "PromptPay",icon:'promptpay'}, {name: "Bizum",icon:'bizum'}, {name: "N26",icon:'n26'}, {name: "Amazon GiftCard",icon:'amazon'}, {name: "Bancolombia",icon:'bancolombia'}, {name: "SPEI",icon:'spei'}, {name: "PIX",icon:'pix'}, {name: "HalCash",icon:'halcash'}, {name: "Vivid",icon:'vivid'}, {name: "Google Play Gift Code",icon:'googleplay'}, {name: "Nequi",icon:'nequi'}, {name: "MercadoPago",icon:'mercadopago'}, {name: "Monero",icon:'monero'}, {name: "USDT",icon:'usdt'}, {name: "Airtel Money",icon:'airtel'}, {name: "MTN Money",icon:'mtn'}, {name: "M-Pesa",icon:'mpesa'}, {name: "MoMo",icon:'momo'}, {name: "Tigo Pesa",icon:'tigopesa'}, {name: "Cash F2F",icon:'cash'}, {name: "On-Chain BTC",icon:'onchain'}, {name: "RBTC",icon:'rbtc'}, {name: "LBTC",icon:'lbtc'}, {name: "WBTC",icon:'wbtc'}, ]; export default class PaymentText extends Component { constructor(props) { super(props); } parseText(){ var rows = []; var custom_methods = this.props.text; // Adds icons for each PaymentMethod that matches someMethods.forEach((method, i) =>{ if(this.props.text.includes(method.name)){ custom_methods = custom_methods.replace(method.name,'') rows.push(
); } }) // Adds a Custom icon if there are words that do not match var chars_left = custom_methods.replace(' ','') chars_left = chars_left.replace(' ','') if(chars_left.length > 0){rows.push(
)} if(this.props.verbose){ return (<>{rows} {custom_methods}) }else{ return rows } } render() { return (
{this.parseText()}
) } };