From 65fac461731377f16a4a07a1a58a02425fb24be1 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Fri, 9 Feb 2018 13:05:46 -0600
Subject: [PATCH] fix(unpaid-invoice): make entire div opacity: 0.5 if invoice
 hasnt been settled

---
 app/routes/activity/components/components/Activity.scss   | 8 ++++----
 .../activity/components/components/Invoice/Invoice.js     | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/routes/activity/components/components/Activity.scss b/app/routes/activity/components/components/Activity.scss
index 2eca71a2..fd9b84c1 100644
--- a/app/routes/activity/components/components/Activity.scss
+++ b/app/routes/activity/components/components/Activity.scss
@@ -11,6 +11,10 @@
   transition-delay: .1s;
   color: $white;
   position: relative;
+
+  &.unpaid {
+    opacity: 0.5;
+  }
 }
 
 .clock {
@@ -142,7 +146,3 @@
     }
   }
 }
-
-.unpaid svg {
-  opacity: 0.5;
-}
diff --git a/app/routes/activity/components/components/Invoice/Invoice.js b/app/routes/activity/components/components/Invoice/Invoice.js
index b5e64634..42e5cd06 100644
--- a/app/routes/activity/components/components/Invoice/Invoice.js
+++ b/app/routes/activity/components/components/Invoice/Invoice.js
@@ -12,9 +12,9 @@ import styles from '../Activity.scss'
 const Invoice = ({
   invoice, ticker, currentTicker, showActivityModal
 }) => (
-  <div className={styles.container} onClick={() => showActivityModal('INVOICE', { invoice })}>
+  <div className={`${styles.container} ${!invoice.settled && styles.unpaid}`} onClick={() => showActivityModal('INVOICE', { invoice })}>
     <div className={styles.date}>
-      <section className={!invoice.settled && styles.unpaid}>
+      <section>
         {
           invoice.settled ?
             <Isvg src={checkmarkIcon} />