From da0c8455eedbb9be2929adc6588c59fe65f898b6 Mon Sep 17 00:00:00 2001
From: Nahom Abi <nahom@webkey.us>
Date: Fri, 22 Dec 2017 12:05:06 -0800
Subject: [PATCH] Fix: Renamed style class, fixed coding style issues,
 restructured copy invoice function

---
 .../components/components/Modal/Invoice/Invoice.js       | 9 +++++----
 .../components/components/Modal/Invoice/Invoice.scss     | 3 +--
 2 files changed, 6 insertions(+), 6 deletions(-)

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 (
     <div className={styles.container}>
       <div className={styles.settled}>
@@ -49,9 +50,9 @@ const Invoice = ({ invoice, ticker, currentTicker }) => {
         <QRCode value={invoice.payment_request} size={150} />
       </div>
       <div className={styles.input}>
-        <p className={styles.hello}>
+        <p className={styles.invoiceAddress}>
           <span>{invoice.payment_request}</span>
-          <span onClick={() => copyOnClick(invoice.payment_request)} className='hint--left' data-hint='Copy Invoice'>
+          <span onClick={copyPaymentRequest} className='hint--left' data-hint='Copy Invoice'>
             <FaCopy />
           </span>
         </p>
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';