Use ckecked component

Author: Antonio Contreras LEMONCODE

src/pods/employee-list/api/employee-list.mock-data.ts

@@ -6,55 +6,55 @@ export const mockEmployeeList: Employee[] = [
     active: true,
     name: 'Daniel Perez',
     email: 'daniel.perez@empresa.com',
-    lastDateIncurred: '2020-02-02T00:00:00',
+    lastDateIncurred: '02/02/2020',
   },
   {
     id: '2',
     active: true,
     name: 'Jose Gomez',
     email: 'jose.gomez@empresa.com',
-    lastDateIncurred: '2020-02-05T00:00:00',
+    lastDateIncurred: '05/02/2020',
   },
   {
     id: '3',
     active: false,
     name: 'Manuel Ruiz',
     email: 'manuel.ruiz@empresa.com',
-    lastDateIncurred: '2020-02-06T00:00:00',
+    lastDateIncurred: '06/02/2020',
   },
   {
     id: '4',
     active: true,
     name: 'Ramón Gomez',
     email: 'ramon.gomez@empresa.com',
-    lastDateIncurred: '2020-05-02T00:00:00',
+    lastDateIncurred: '02/05/2020',
   },
   {
     id: '5',
     active: false,
     name: 'María Lopez',
     email: 'maria.lopez@empresa.com',
-    lastDateIncurred: '2020-08-05T00:00:00',
+    lastDateIncurred: '05/08/2020',
   },
   {
     id: '6',
     active: true,
     name: 'Manuel Ortiz',
     email: 'manuel.ortiz@empresa.com',
-    lastDateIncurred: '2020-06-06T00:00:00',
+    lastDateIncurred: '06/06/2020',
   },
   {
     id: '7',
     active: false,
     name: 'David Martos',
     email: 'david.martos@empresa.com',
-    lastDateIncurred: '2020-08-14T00:00:00',
+    lastDateIncurred: '14/08/2020',
   },
   {
     id: '8',
     active: true,
     name: 'Luz Roca',
     email: 'luz.roca@empresa.com',
-    lastDateIncurred: '2020-06-20T00:00:00',
+    lastDateIncurred: '20/06/2020',
   },
 ];

src/pods/employee-list/components/employee-row.component.tsx

@@ -3,6 +3,7 @@ import {
   RowRendererProps,
   RowComponent,
   CellComponent,
+  CheckboxComponent,
 } from 'common/components';
 import IconButton from '@material-ui/core/IconButton';
 import EditIcon from '@material-ui/icons/Edit';
@@ -18,7 +19,9 @@ export const EmployeeRowComponent: React.FunctionComponent<Props> = ({
 }) => {
   return (
     <RowComponent>
-      <CellComponent>{row.active}</CellComponent>
+      <CellComponent>
+        <CheckboxComponent checked={row.active} disabled />
+      </CellComponent>
       <CellComponent>{row.id}</CellComponent>
       <CellComponent>{row.name}</CellComponent>
       <CellComponent>{row.email}</CellComponent>