From d5c26c703d15865d5a1ccd917e843177f68d9455 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 29 Aug 2022 00:06:27 -0600
Subject: [PATCH] fix table headers

---
 .../src/components/InvitadosComunidad.js      | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/web-ui/web-react/src/components/InvitadosComunidad.js b/web-ui/web-react/src/components/InvitadosComunidad.js
index 099f1849..4e59b24f 100644
--- a/web-ui/web-react/src/components/InvitadosComunidad.js
+++ b/web-ui/web-react/src/components/InvitadosComunidad.js
@@ -72,6 +72,15 @@ const InvitadosComunidad = () => {
     </>
   );
 
+  const headerTenant = (
+    <>
+      <p>
+        {' '}
+        <FontAwesomeIcon icon={faUserAlt} style={{ color: '#C08135' }} /> Inquilino
+      </p>
+    </>
+  );
+
   const headerLastName = (
     <>
       <p>
@@ -82,6 +91,14 @@ const InvitadosComunidad = () => {
     </>
   );
 
+  const headerPlate = (
+    <p>
+      {' '}
+      <FontAwesomeIcon icon={faIdCardAlt} style={{ color: '#C08135' }} />{' '}
+      Placa
+    </p>
+  );
+
   const headerDNI = (
     <p>
       {' '}
@@ -166,7 +183,7 @@ const InvitadosComunidad = () => {
               field="number_plate"
               header="Placa"
               sortable
-              header={headerDNI}
+              header={headerPlate}
             />
             <Column
               field="telefono"
@@ -190,7 +207,7 @@ const InvitadosComunidad = () => {
               field="tenant_name"
               header="Inquilino"
               sortable
-              header={headerName}
+              header={headerTenant}
             />
           </DataTable>
         </div>