populate fields

Author: archies-coder

src/features/Home/VisitorDetailsView1.tsx

@@ -16,6 +16,7 @@ import { config as VisitorFormConfig } from 'features/Settings/VisitorFormConfig
 import { fetchVisitorConfigs } from "features/Settings/visitorConfigSlice";
 import img from 'assets/logo/logo.png'
 import { fetchSites } from "features/SalesAndOrganisation/siteSlice";
+import { fetchEmployees } from "features/Employees/employeeSlice";
 
 const useStyles = makeStyles((theme: Theme) => createStyles({
     paper: {
@@ -138,6 +139,9 @@ const VisitorDetailsView: FunctionComponent<Props> = (props) => {
     const {
 sites
     } = useSelector((state: RootState) => state.sites)
+    const {
+employees
+    } = useSelector((state: RootState) => state.employees)
     //const inputState = currentVisitor
     const {
         mask
@@ -182,6 +186,7 @@ sites
     useEffect(() => {
         dispatch(fetchVisitors())
         dispatch(fetchSites())
+        dispatch(fetchEmployees())
     }, [dispatch])
 
     const handleSubmit = async (e: any) => {
@@ -259,6 +264,11 @@ sites
                             onChange: handleAutoComplete,
                             value: purpose
                         },
+                        visitors: {
+                            options: ['0','1','2','3','4','5','6','7','8','9','10'],
+                            onChange: handleAutoComplete,
+                            value: noofvisitor
+                        },
                         style: {
                             width: 446,
                             marginLeft: i % 2 === 0 ? '64px' : '28px'
@@ -286,6 +296,11 @@ sites
                             onChange: handleAutoComplete,
                             value: site
                         },
+                        person: {
+                            options: employees.map(o => o.fname + o.lname), //siteOptions ||
+                            onChange: handleAutoComplete,
+                            value: tomeet
+                        },
                         style: {
                             width: 446,
                             marginLeft: i % 2 === 0 ? '64px' : '28px'

src/features/Settings/VisitorFormConfig.tsx

@@ -50,7 +50,17 @@ export const config = [{
     name: 'No. Of visitors',
     id: 'noofvisitor',
     section: 'VI',
-    seq: 7
+    seq: 7,
+        component: ({ visitors, style }: any) => <CustomAutoComplete
+            style={style}
+            required
+            options={visitors.options}
+            label="no of visitors"
+            name="noofvisitor"
+            onChange={(value: any) => visitors.onChange({
+                noofvisitor: value
+            })}
+            value={visitors.value} />
 }, {
     name: 'Vehicle Number',
     id: 'vehicle',
@@ -70,7 +80,17 @@ export const config = [{
     name: 'Person to visit',
     id: 'tomeet',
     section: 'AR',
-    seq: 1
+    seq: 1,
+        component: ({ person, style }: any) => <CustomAutoComplete
+            style={style}
+            required
+            options={person.options}
+            label="Person"
+            name="person"
+            onChange={(value: any) => person.onChange({
+                tomeet: value
+            })}
+            value={person.value} />
 }, {
     name: 'Purpose of visit',
     id: 'purpose',