Fix others components

Author: Antonio Contreras LEMONCODE

src/pods/project-list/api/project-list.api-model.ts

@@ -2,7 +2,7 @@ export interface Project {
   id: string;
   active: boolean;
   code: string;
-  projectName: string;
+  name: string;
   lastDateIncurred: string;
   creationDate: string;
 }

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

@@ -5,63 +5,63 @@ export const mockProjectList: Project[] = [
     id: '1',
     active: true,
     code: '23212',
-    projectName: 'Bankia',
+    name: 'Bankia',
     lastDateIncurred: '02/02/2020',
     creationDate: '01/08/2018',
   },
   {
     id: '2',
     active: true,
     code: '4323',
-    projectName: 'Mapfre',
+    name: 'Mapfre',
     lastDateIncurred: '05/02/2020',
     creationDate: '01/04/2018',
   },
   {
     id: '3',
     active: true,
     code: '002',
-    projectName: 'Vacaciones',
+    name: 'Vacaciones',
     lastDateIncurred: '05/02/2020',
     creationDate: '01/04/2018',
   },
   {
     id: '4',
     active: true,
     code: '003',
-    projectName: 'Baja Médica',
+    name: 'Baja Médica',
     lastDateIncurred: '05/03/2018',
     creationDate: '01/05/2019',
   },
   {
     id: '5',
     active: false,
     code: '2586',
-    projectName: 'Proyecto interno',
+    name: 'Proyecto interno',
     lastDateIncurred: '05/08/2020',
     creationDate: '01/10/2018',
   },
   {
     id: '6',
     active: false,
     code: '3025',
-    projectName: 'BBVA',
+    name: 'BBVA',
     lastDateIncurred: '06/05/2020',
     creationDate: '01/03/2019',
   },
   {
     id: '7',
     active: false,
     code: '8563',
-    projectName: 'Baja Médica',
+    name: 'Baja Médica',
     lastDateIncurred: '02/08/2018',
     creationDate: '01/11/2020',
   },
   {
     id: '8',
     active: true,
     code: '4125',
-    projectName: 'Microsoft España',
+    name: 'Microsoft España',
     lastDateIncurred: '11/10/2018',
     creationDate: '01/07/2020',
   },

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

@@ -18,24 +18,20 @@ export const ProjectRowComponent: React.FunctionComponent<Props> = ({
   onEdit,
   onDelete,
 }) => {
-  const projectToDeleted: Lookup = {
-    id: row.id,
-    name: row.projectName,
-  };
   return (
     <RowComponent>
       <CellComponent>
         <Checkbox checked={row.active} disabled />
       </CellComponent>
       <CellComponent>{row.code}</CellComponent>
-      <CellComponent>{row.projectName}</CellComponent>
+      <CellComponent>{row.name}</CellComponent>
       <CellComponent>{row.lastDateIncurred}</CellComponent>
       <CellComponent>
         {row.creationDate}
         <IconButton onClick={() => onEdit(row.id)}>
           <EditIcon />
         </IconButton>
-        <IconButton onClick={() => onDelete(projectToDeleted)}>
+        <IconButton onClick={() => onDelete(row)}>
           <DeleteIcon />
         </IconButton>
       </CellComponent>

src/pods/project-list/project-list.container.tsx

@@ -10,7 +10,7 @@ import { useHistory } from 'react-router-dom';
 const editProjectId = '0';
 
 export const ProjectListContainer: React.FunctionComponent = () => {
-  const [projectes, setProjects] = React.useState<Project[]>([]);
+  const [projects, setProjects] = React.useState<Project[]>([]);
   const { showMessage } = useSnackbarContext();
   const history = useHistory();
 
@@ -49,7 +49,7 @@ export const ProjectListContainer: React.FunctionComponent = () => {
 
   return (
     <ProjectListComponent
-      projectList={projectes}
+      projectList={projects}
       onCreate={handleCreate}
       onEdit={handleEdit}
       onDelete={handleDelete}

src/pods/project-list/project-list.mappers.spec.ts

@@ -43,7 +43,7 @@ describe('./pods/project-list', () => {
         id: 'test id',
         active: true,
         code: 'test code',
-        projectName: 'test project name',
+        name: 'test project name',
         lastDateIncurred: '02/02/2020',
         creationDate: '05/11/2019',
       },
@@ -54,7 +54,7 @@ describe('./pods/project-list', () => {
         id: 'test id',
         active: true,
         code: 'test code',
-        projectName: 'test project name',
+        name: 'test project name',
         lastDateIncurred: '02/02/2020',
         creationDate: '05/11/2019',
       },
@@ -74,15 +74,15 @@ describe('./pods/project-list', () => {
         id: 'test id 1',
         active: true,
         code: 'test code',
-        projectName: 'test project name 1',
+        name: 'test project name 1',
         lastDateIncurred: '02/02/2020',
         creationDate: '05/11/2019',
       },
       {
         id: 'test id 2',
         active: false,
         code: 'test code',
-        projectName: 'test project name 2',
+        name: 'test project name 2',
         lastDateIncurred: '02/11/2020',
         creationDate: '05/05/2019',
       },
@@ -93,15 +93,15 @@ describe('./pods/project-list', () => {
         id: 'test id 1',
         active: true,
         code: 'test code',
-        projectName: 'test project name 1',
+        name: 'test project name 1',
         lastDateIncurred: '02/02/2020',
         creationDate: '05/11/2019',
       },
       {
         id: 'test id 2',
         active: false,
         code: 'test code',
-        projectName: 'test project name 2',
+        name: 'test project name 2',
         lastDateIncurred: '02/11/2020',
         creationDate: '05/05/2019',
       },

src/pods/project-list/project-list.vm.ts

@@ -2,7 +2,7 @@ export interface Project {
   id: string;
   active: boolean;
   code: string;
-  projectName: string;
+  name: string;
   lastDateIncurred: string;
   creationDate: string;
 }