diff --git a/app/routes/activity/components/components/Modal/Invoice/Invoice.js b/app/routes/activity/components/components/Modal/Invoice/Invoice.js index ed248760..c8d06b8b 100644 --- a/app/routes/activity/components/components/Modal/Invoice/Invoice.js +++ b/app/routes/activity/components/components/Modal/Invoice/Invoice.js @@ -16,10 +16,11 @@ import styles from './Invoice.scss' const Invoice = ({ invoice, ticker, currentTicker }) => { - const copyOnClick = (data) => { - copy(data) + const copyPaymentRequest = () => { + copy(invoice.payment_request) showNotification('Noice', 'Successfully copied to clipboard') } + return (
@@ -49,9 +50,9 @@ const Invoice = ({ invoice, ticker, currentTicker }) => {
-

+

{invoice.payment_request} - copyOnClick(invoice.payment_request)} className='hint--left' data-hint='Copy Invoice'> +

diff --git a/app/routes/activity/components/components/Modal/Invoice/Invoice.scss b/app/routes/activity/components/components/Modal/Invoice/Invoice.scss index cddadb64..6efc1869 100644 --- a/app/routes/activity/components/components/Modal/Invoice/Invoice.scss +++ b/app/routes/activity/components/components/Modal/Invoice/Invoice.scss @@ -53,7 +53,6 @@ .input { padding: 10px 40px; - .paymentRequest { text-align: center; font-size: 12px; @@ -76,7 +75,7 @@ } } - .hello { + .invoiceAddress { display: flex; flex-direction: row; font-family: 'Roboto';