employee integrated

Author: yadneshgharat

src/api/Apis.tsx

@@ -162,7 +162,7 @@ export async function getInOfficeInviteData(page:number=0,count:number=10) {
 
 
 export async function getEmployeesData(page:number=0,count:number=10) {
-  const url = `/product/reception/checkin/user/data?page=${page}&count=${count}`
+  const url = `/product/employee/data?page=${page}&count=${count}`
 
   const { data } = await apis.get(url)
 

src/features/Employees/EmployeesView.tsx

@@ -1,12 +1,13 @@
 import React, {FunctionComponent, useEffect} from 'react';
 import TableWrapper from "../../components/TableWrapper";
-import {createStyles, fade, Grid, Paper, Theme} from "@material-ui/core";
+import {Avatar, createStyles, fade, Grid, Paper, Theme} from "@material-ui/core";
 import {makeStyles} from "@material-ui/core/styles";
 import SearchInput from "../../components/SearchInput";
 import { RootState } from 'app/rootReducer'
 import { useSelector, useDispatch } from 'react-redux';
 import { fetchEmployees } from 'features/Employees/employeeSlice'
 import { CustomMenuItem } from 'components/CustomMenuItem';
+import { serverUrl } from 'api/Apis';
 interface OwnProps {
 }
 
@@ -32,22 +33,30 @@ const data = {
 }
 
 //const columns = ['Visitor name', 'Mobile No.', 'Email', 'Organization']
+// designation: any,//developer,
+//     email: any,//arjunp@gmail.com,
+//     empid: any,//002,
+//     fname: any,//arjun,
+//     lname: any,//pan,
+//     mname: any,//test,
+//     mobile: any,//1any,//2345678,
+//     profilepicpath:
 const columns = [
     {
-        id: "name",
-        label: 'Visitor name'
+        id: "profilepicpath",
+        label: ''
     },
     {
-        id: "mobile",
-        label: 'Mobile No.'
+        id: "name",
+        label: 'Name'
     },
     {
-        id: "tomeet",
+        id: "email",
         label: 'Email'
     },
     {
-        id: "purpose",
-        label: 'Organization'
+        id: "mobile",
+        label: 'Mobile No.'
     }]
 const EmployeesView: FunctionComponent<Props> = (props) => {
     const classes = useStyles()
@@ -78,18 +87,15 @@ const EmployeesView: FunctionComponent<Props> = (props) => {
         )
     }
 
-    let tableRows: any = []
-
-    for (let i = 0; i < 10; i++) {
-        let copy: any = tableRows
-
-        tableRows = [data, ...copy]
-    }
+    
 
 
     const TableConfig = {
         columns: columns,
-        data: employees,
+        data: employees.map(el => ({
+            ...el,
+            profilepicpath: <Avatar src={serverUrl + el['profilepicpath']} />
+        })),
         isLoading: isLoadingEmployee,
         pagination:true,
         pageChange:(page:number,count:number)=>{

src/features/Employees/employeeSlice.ts

@@ -6,14 +6,17 @@ import { AppThunk } from 'app/store'
 
 
 export interface Employee {
-    email: any //"admin@gmail.com",
-    intime: any //"2020-09-14 20:28:34",
-    employee_id: any //"arj1600095514",
-    mobileno: any //"123456789",
-    name: any //"arjunp",
-    purpose: any //"tomeet",
-    scheduletime: any //"2020-09-12 15:00"
-    tomeet: any //"arjun2"
+    createdOn: any,//2020-09-30 13: 14: 38,
+    designation: any,//developer,
+    email: any,//arjunp@gmail.com,
+    empid: any,//002,
+    fname: any,//arjun,
+    lname: any,//pan,
+    mname: any,//test,
+    mobile: any,//1any,//2345678,
+    profilepicpath: any,//uploads/images/arj_pic_1601471678_arjun_pass.JPG,
+    updatedOn: any,//2020-09-30 13: 14: 38
+    name:any
 }
 export interface EmployeesResult {
     //pageLinks: Links | null
@@ -61,9 +64,9 @@ const employees = createSlice({
             state.pageCount = pageCount
             state.isLoading = false
             state.error = null
-            state.employees = employees
+            state.employees = employees.map(e=>({...e,name:e.fname+' '+e.mname+' '+e.lname}))
             // @ts-ignore
-            state.employees.map(employee => (state.employeesById[employee.employee_id]=employee))
+            state.employees.map(employee => (state.employeesById[employee.empid]=employee))
         },
         getEmployeesFailure: loadingFailed,
     }