Create project container and fix project scene

Author: Antonio Contreras LEMONCODE

src/pods/project/index.ts

@@ -1 +1 @@
-export * from './project.component';
+export * from './project.container';

src/pods/project/project.component.tsx

@@ -1,5 +1,31 @@
 import React from 'react';
+import {
+  TabComponent,
+  TabListComponent,
+  TabPanelComponent,
+} from 'common/components';
+import { AppBar } from '@material-ui/core';
 
 export const ProjectComponent: React.FunctionComponent = () => {
-  return <h1>Hello Edit project component</h1>;
+  const [tab, setTab] = React.useState(0);
+  return (
+    <>
+      <AppBar position="static">
+        <TabListComponent value={tab} onChange={setTab}>
+          <TabComponent label="Datos" />
+          <TabComponent label="Empleados" />
+          <TabComponent label="Informes" />
+        </TabListComponent>
+      </AppBar>
+      <TabPanelComponent value={tab} index={0}>
+        Hello Data component
+      </TabPanelComponent>
+      <TabPanelComponent value={tab} index={1}>
+        Hello Employee component
+      </TabPanelComponent>
+      <TabPanelComponent value={tab} index={2}>
+        Hello Report component
+      </TabPanelComponent>
+    </>
+  );
 };

src/pods/project/project.container.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ProjectComponent } from './project.component';
+
+export const ProjectContainer: React.FunctionComponent = () => {
+  return <ProjectComponent />;
+};

src/scenes/project.scene.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { AppLayout } from 'layouts';
-import { ProjectComponent } from 'pods/project';
+import { ProjectContainer } from 'pods/project';
 
 export const ProjectScene: React.FunctionComponent = () => {
   return (
     <AppLayout>
-      <ProjectComponent />
+      <ProjectContainer />
     </AppLayout>
   );
 };