Create data, employee and report components

Author: Antonio Contreras LEMONCODE

src/pods/project/api/project.api-model.ts

@@ -0,0 +1,14 @@
+export interface Project {
+  id: string;
+  name: string;
+  externalId?: string;
+  comments?: string;
+  isActive: boolean;
+  emplyees: ProloyeeSummary[];
+}
+
+export interface ProloyeeSummary {
+  id: string;
+  isAssigned?: boolean;
+  employeeName: string;
+}

src/pods/project/components/data.component.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const DataComponent: React.FunctionComponent = () => {
+  return <h1>Hello Data Component</h1>;
+};

src/pods/project/components/employee.component.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const EmployeeComponent: React.FunctionComponent = () => {
+  return <h1>Hello Employee Component</h1>;
+};

src/pods/project/components/index.ts

@@ -0,0 +1,3 @@
+export * from './data.component';
+export * from './employee.component';
+export * from './report.component';

src/pods/project/components/report.component.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const ReportComponent: React.FunctionComponent = () => {
+  return <h1>Hello Report Component</h1>;
+};

src/pods/project/project.component.tsx

@@ -5,6 +5,11 @@ import {
   TabPanelComponent,
 } from 'common/components';
 import { AppBar } from '@material-ui/core';
+import {
+  DataComponent,
+  EmployeeComponent,
+  ReportComponent,
+} from './components';
 
 export const ProjectComponent: React.FunctionComponent = () => {
   const [tab, setTab] = React.useState(0);
@@ -18,13 +23,13 @@ export const ProjectComponent: React.FunctionComponent = () => {
         </TabListComponent>
       </AppBar>
       <TabPanelComponent value={tab} index={0}>
-        Hello Data component
+        <DataComponent />
       </TabPanelComponent>
       <TabPanelComponent value={tab} index={1}>
-        Hello Employee component
+        <EmployeeComponent />
       </TabPanelComponent>
       <TabPanelComponent value={tab} index={2}>
-        Hello Report component
+        <ReportComponent />
       </TabPanelComponent>
     </>
   );

src/pods/project/project.vm.ts

@@ -0,0 +1,23 @@
+export interface Project {
+  id: string;
+  name: string;
+  externalId?: string;
+  comments?: string;
+  isActive: boolean;
+  emplyees: ProloyeeSummary[];
+}
+
+export interface ProloyeeSummary {
+  id: string;
+  isAssigned?: boolean;
+  employeeName: string;
+}
+
+export const createEmptyProject = (): Project => ({
+  id: '',
+  name: '',
+  externalId: '',
+  comments: '',
+  isActive: false,
+  emplyees: [],
+});