import FaArrowAltCircleRight from '@/includes/icons/FaArrowAltCircleRight'; import { shortenAddress, yoctoToNear } from '@/includes/libs'; const Transfer = (props) => { const { t, args, receiver } = props; return ( <div className="py-1"> <FaArrowAltCircleRight className="inline-flex text-green-400 mr-1" />{' '} {t ? t('txns:txn.actions.transfer.0') : 'Transferred'} <span className="font-bold"> {args.deposit ? yoctoToNear(args.deposit, true) : args.deposit ?? ''}Ⓝ </span>{' '} {t ? t('txns:txn.actions.transfer.1') : 'to'} <a href={`/address/${receiver}`} className="hover:no-underline"> <a className="text-green-500 font-bold hover:no-underline"> {shortenAddress(receiver)} </a> </a> </div> ); }; export default Transfer;