Refactor components

Author: Antonio Contreras LEMONCODE

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

@@ -1,5 +1,21 @@
 import React from 'react';
+import { useHistory } from 'react-router-dom';
+import { routes } from 'core/router';
 
 export const ProjectListComponent: React.FunctionComponent = () => {
-  return <h1>Hello Project List component</h1>;
+  const history = useHistory();
+  const goToProject = (
+    event: React.MouseEvent<HTMLParagraphElement, MouseEvent>
+  ) => {
+    event.preventDefault();
+    history.push({
+      pathname: routes.editProject('1'),
+    });
+  };
+  return (
+    <>
+      <h1>Hello Project list component</h1>
+      <p onClick={goToProject}>Go to edit project component</p>
+    </>
+  );
 };

src/pods/project/project.component.tsx

@@ -1,21 +1,5 @@
 import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { routes } from 'core/router';
 
 export const ProjectComponent: React.FunctionComponent = () => {
-  const history = useHistory();
-  const goToProject = (
-    event: React.MouseEvent<HTMLParagraphElement, MouseEvent>
-  ) => {
-    event.preventDefault();
-    history.push({
-      pathname: routes.editProject('1'),
-    });
-  };
-  return (
-    <>
-      <h1>Hello Edit project component</h1>
-      <p onClick={goToProject}>Go to edit project component</p>
-    </>
-  );
+  return <h1>Hello Edit project component</h1>;
 };