Added feature to create and edit employees

Author: Antonio Contreras LEMONCODE

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

@@ -10,10 +10,14 @@ import { EmployeeRowComponent } from './components';
 
 interface Props {
   employeeList: Employee[];
+  onCreate: () => void;
+  onEdit: (id: string) => void;
 }
 
 export const EmployeeListComponent: React.FunctionComponent<Props> = ({
   employeeList,
+  onCreate,
+  onEdit,
 }) => {
   const { filteredList, onSearch, search } = useSearchBar(employeeList, [
     'name',
@@ -26,7 +30,8 @@ export const EmployeeListComponent: React.FunctionComponent<Props> = ({
         rowRenderer={(rowProps: RowRendererProps<Employee>) => (
           <EmployeeRowComponent {...rowProps} />
         )}
-        onCreate={() => console.log}
+        onCreate={onCreate}
+        onEdit={onEdit}
         labels={{
           searchPlaceholder: 'Buscar empleados',
           createButton: 'Nuevo empleado',

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

@@ -5,10 +5,13 @@ import { Employee } from './employee-list.vm';
 import { useSnackbarContext } from 'common/components';
 import { trackPromise } from 'react-promise-tracker';
 import { mapEmployeeListFromApiToVm } from './employee-list.mappers';
+import { useHistory } from 'react-router-dom';
+import { routes } from 'core/router';
 
 export const EmployeeListContainer: React.FunctionComponent = () => {
   const [employees, setEmployees] = React.useState<Employee[]>([]);
   const { showMessage } = useSnackbarContext();
+  const history = useHistory();
 
   const onLoadEmployeeList = async () => {
     try {
@@ -21,9 +24,23 @@ export const EmployeeListContainer: React.FunctionComponent = () => {
     }
   };
 
+  const handleCreate = () => {
+    history.push(routes.editEmployee('0'));
+  };
+
+  const handleEdit = (id: string) => {
+    history.push(routes.editEmployee(id));
+  };
+
   React.useEffect(() => {
     onLoadEmployeeList();
   }, []);
 
-  return <EmployeeListComponent employeeList={employees} />;
+  return (
+    <EmployeeListComponent
+      employeeList={employees}
+      onCreate={handleCreate}
+      onEdit={handleEdit}
+    />
+  );
 };