Browse Source

fix(unpaid-invoice): make entire div opacity: 0.5 if invoice hasnt been settled

renovate/lint-staged-8.x
Jack Mallers 7 years ago
parent
commit
65fac46173
  1. 8
      app/routes/activity/components/components/Activity.scss
  2. 4
      app/routes/activity/components/components/Invoice/Invoice.js

8
app/routes/activity/components/components/Activity.scss

@ -11,6 +11,10 @@
transition-delay: .1s; transition-delay: .1s;
color: $white; color: $white;
position: relative; position: relative;
&.unpaid {
opacity: 0.5;
}
} }
.clock { .clock {
@ -142,7 +146,3 @@
} }
} }
} }
.unpaid svg {
opacity: 0.5;
}

4
app/routes/activity/components/components/Invoice/Invoice.js

@ -12,9 +12,9 @@ import styles from '../Activity.scss'
const Invoice = ({ const Invoice = ({
invoice, ticker, currentTicker, showActivityModal 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}> <div className={styles.date}>
<section className={!invoice.settled && styles.unpaid}> <section>
{ {
invoice.settled ? invoice.settled ?
<Isvg src={checkmarkIcon} /> <Isvg src={checkmarkIcon} />

Loading…
Cancel
Save