♻️ Use the new PaymentCell component

Co-authored-by: David García Garzón <david.garcia@somenergia.coop>
Som-Energia · Feb 12, 2024 · 1eb93d2 · 1eb93d2
1 parent 72da180
commit 1eb93d2
Showing 1 changed file with 1 addition and 7 deletions.
diff --git a/frontend/src/pages/InvoicesPage/index.jsx b/frontend/src/pages/InvoicesPage/index.jsx
@@ -77,12 +77,6 @@ export default function InvoicesPage() {
     services: t('INVOICES.CONCEPT_OPTION_SERVICES'),
   }
 
-  const state_options = {
-    paid: <><DoneIcon style={{ color: '#96B633', verticalAlign: 'middle'}} /> {t('INVOICES.PAID_STATUS_OPTION_PAID')}</>,
-    open: <><ClearIcon style={{ color: 'red',  verticalAlign: 'middle'}} />  {t('INVOICES.PAID_STATUS_OPTION_OPEN')}</>,
-    draft: <><RestartAltIcon style={{ color: '#FFC300', verticalAlign: 'middle'}}/> {t('INVOICES.PAID_STATUS_OPTION_DRAFT')}</>,
-  }
-
   const columns = [
     {
       id: 'invoice_number', // TODO: can we name it contract?
@@ -139,7 +133,7 @@ export default function InvoicesPage() {
       label: t('INVOICES.COLUMN_PAID_STATUS'),
       searchable: false,
       numeric: false,
-      view: (row) => format.enumeration(row.state, state_options),
+      view: (row) => <PaymentCell payment_status={row.payment_status} />,
     },
   ]
   const actions = []