FIx components

Author: Antonio Contreras LEMONCODE

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

@@ -11,9 +11,11 @@ import { Employee } from '../employee-list.vm';
 
 type Props = RowRendererProps<Employee>;
 
-export const EmployeeRowComponent: React.FunctionComponent<Props> = props => {
-  const { row, onEdit, onDelete } = props;
-
+export const EmployeeRowComponent: React.FunctionComponent<Props> = ({
+  row,
+  onEdit,
+  onDelete,
+}) => {
   return (
     <RowComponent>
       <CellComponent>{row.active}</CellComponent>

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

@@ -14,8 +14,12 @@ interface Props {
   onDelete: (id: string) => void;
 }
 
-export const EmployeeListComponent: React.FunctionComponent<Props> = props => {
-  const { employeeList, onCreate, onEdit, onDelete } = props;
+export const EmployeeListComponent: React.FunctionComponent<Props> = ({
+  employeeList,
+  onCreate,
+  onEdit,
+  onDelete,
+}) => {
   const { filteredList, onSearch, search } = useSearchBar(employeeList, [
     'name',
   ]);

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

@@ -35,8 +35,8 @@ export const EmployeeListContainer: React.FunctionComponent = () => {
   const handleDelete = async (id: string) => {
     const errorMessage = 'Error al eliminar un empleado';
     try {
-      const isDelete = await trackPromise(deleteEmployee(id));
-      isDelete ? onLoadEmployeeList() : showMessage(errorMessage, 'error');
+      const isDeleted = await trackPromise(deleteEmployee(id));
+      isDeleted ? onLoadEmployeeList() : showMessage(errorMessage, 'error');
     } catch (error) {
       error && showMessage(errorMessage, 'error');
     }