Add create and edit functionality

Author: Antonio Contreras LEMONCODE

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

@@ -9,10 +9,14 @@ import { ProjectRowComponent } from './components';
 
 interface Props {
   projectList: Project[];
+  onCreate: () => void;
+  onEdit: (id: string) => void;
 }
 
 export const ProjectListComponent: React.FunctionComponent<Props> = ({
   projectList,
+  onCreate,
+  onEdit,
 }) => {
   const { filteredList, onSearch, search } = useSearchBar(projectList, [
     'projectName',
@@ -30,6 +34,8 @@ export const ProjectListComponent: React.FunctionComponent<Props> = ({
       rowRenderer={(rowProps: RowRendererProps<Project>) => (
         <ProjectRowComponent {...rowProps} />
       )}
+      onCreate={onCreate}
+      onEdit={onEdit}
       labels={{
         searchPlaceholder: 'Buscar proyecto',
         createButton: 'Nuevo proyecto',

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

@@ -7,6 +7,7 @@ import { trackPromise } from 'react-promise-tracker';
 import { mapProjectLIstFromApiToVm } from './project-list.mappers';
 import { routes } from 'core/router';
 import { useHistory } from 'react-router-dom';
+const editProjectId = '0';
 
 export const ProjectListContainer: React.FunctionComponent = () => {
   const [projectes, setProjects] = React.useState<Project[]>([]);
@@ -24,9 +25,23 @@ export const ProjectListContainer: React.FunctionComponent = () => {
     }
   };
 
+  const handleCreate = () => {
+    history.push(routes.editProject(editProjectId));
+  };
+
+  const handleEdit = (id: string) => {
+    history.push(routes.editProject(id));
+  };
+
   React.useEffect(() => {
     onLoadProjectList();
   }, []);
 
-  return <ProjectListComponent projectList={projectes} />;
+  return (
+    <ProjectListComponent
+      projectList={projectes}
+      onCreate={handleCreate}
+      onEdit={handleEdit}
+    />
+  );
 };