Remove checkbox common component and use checkbox material ui

Author: Antonio Contreras LEMONCODE

src/common/components/form/checkbox/checkbox.component.tsx

@@ -1,3 +1,2 @@
 export * from './form.component';
 export * from './text-field.component';
-export * from './checkbox';

src/common/components/form/checkbox/checkbox.styles.ts

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

src/common/components/form/checkbox/index.ts

@@ -9,6 +9,6 @@ const mapEmployeeFromApiToVm = (
 });
 
 export const mapEmployeeListFromApiToVm = (
-  employees: apiModel.Employee[]
+  employeeList: apiModel.Employee[]
 ): viewModel.Employee[] =>
-  mapToCollection(employees, e => mapEmployeeFromApiToVm(e));
+  mapToCollection(employeeList, e => mapEmployeeFromApiToVm(e));