add company_id

src/views/SimproV2/Divisi/DialogForm.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import {
-	Modal, ModalHeader, ModalBody, ModalFooter,
-	Button, Form, FormGroup, Label, Input, Col, Row
+  Modal, ModalHeader, ModalBody, ModalFooter,
+  Button, Form, FormGroup, Label, Input, Col, Row
 } from 'reactstrap';
 import { Select } from 'antd';
 import 'antd/dist/antd.css';
@@ -10,30 +10,30 @@ import InputColor from "./InputColor";
 import "./styles.css";
 import "rc-color-picker/assets/index.css";
 const { Option } = Select
-const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdit, dataDivisions }) => {
-	const [id, setId] = useState(0)
-	const [name, setName] = useState('')
-	const [parent, setParent] = useState(null)
-	const [description, setDescription] = useState('')
+const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdit, dataDivisions, company_id }) => {
+  const [id, setId] = useState(0)
+  const [name, setName] = useState('')
+  const [parent, setParent] = useState(null)
+  const [description, setDescription] = useState('')
   const [color, setColor] = useState('')
-	const { t } = useTranslation()
+  const { t } = useTranslation()
 
-	const onChangeParent = (val) => {
-		setParent(val)
-	}
+  const onChangeParent = (val) => {
+    setParent(val)
+  }
 
-	useEffect(() => {
-		if (typeDialog === "Edit") {
-			setId(dataEdit.id)
-			setDescription(dataEdit.description)
-			setName(dataEdit.name)
+  useEffect(() => {
+    if (typeDialog === "Edit") {
+      setId(dataEdit.id)
+      setDescription(dataEdit.description)
+      setName(dataEdit.name)
       setParent(dataEdit.parent)
       setColor(dataEdit.color)
-		} else {
-			setId(0)
+    } else {
+      setId(0)
       setColor('')
-		}
-	}, [dataEdit, openDialog])
+    }
+  }, [dataEdit, openDialog])
 
   const validation = () => {
     if (!name || name === "") {
@@ -51,7 +51,8 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
           name,
           description,
           parent,
-          color
+          color,
+          company_id
         }
         closeDialog('save', data);
       } else {
@@ -60,7 +61,8 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
           name,
           description,
           parent,
-          color
+          color,
+          company_id
         }
         closeDialog('edit', data);
       }
@@ -70,34 +72,34 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
       setParent(null)
       setColor('')
     }
-	}
-	const handleCancel = () => {
-		closeDialog('cancel', 'none')
-		setId(0)
-		setDescription('')
+  }
+  const handleCancel = () => {
+    closeDialog('cancel', 'none')
+    setId(0)
+    setDescription('')
     setName('')
     setParent(null)
-	}
+  }
 
-	const renderForm = () => {
-		return (
-			<Form>
+  const renderForm = () => {
+    return (
+      <Form>
         <Row>
-            <Col md={12}>
-              <span style={{ color: "red" }}>*</span> Wajib diisi.
-            </Col>
+          <Col md={12}>
+            <span style={{ color: "red" }}>*</span> Wajib diisi.
+          </Col>
         </Row>
-				<Row>
-					<Col md={6}>
-						<FormGroup>
-							<Label className="capitalize">{t('name')}<span style={{ color: "red" }}>*</span></Label>
-							<Input
-								type="text"
-								value={name}
-								onChange={(e) => setName(e.target.value)}
-								placeholder={t('inputName')}
-							/>
-						</FormGroup>
+        <Row>
+          <Col md={6}>
+            <FormGroup>
+              <Label className="capitalize">{t('name')}<span style={{ color: "red" }}>*</span></Label>
+              <Input
+                type="text"
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+                placeholder={t('inputName')}
+              />
+            </FormGroup>
           </Col>
           <Col md={6}>
             <FormGroup>
@@ -116,13 +118,13 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
           </Col>
         </Row>
         <Row>
-					<Col md={12}>
-						<FormGroup>
-							<Label className="capitalize">{t('description')}</Label>
-							<Input row="4" type="textarea" value={description} onChange={(e) => setDescription(e.target.value)} placeholder={t('inputDescription')} />
-						</FormGroup>
-					</Col>
-				</Row>
+          <Col md={12}>
+            <FormGroup>
+              <Label className="capitalize">{t('description')}</Label>
+              <Input row="4" type="textarea" value={description} onChange={(e) => setDescription(e.target.value)} placeholder={t('inputDescription')} />
+            </FormGroup>
+          </Col>
+        </Row>
         <Row>
           <Col md={6}>
             <FormGroup>
@@ -131,25 +133,25 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
             </FormGroup>
           </Col>
         </Row>
-			</Form>
-		)
-	}
+      </Form>
+    )
+  }
 
 
-	return (
-		<>
-			<Modal size="lg" isOpen={openDialog} toggle={toggleDialog}>
-				<ModalHeader className="capitalize" toggle={closeDialog}>{typeDialog == "Save" ? `Add` : "Edit"} {t('division')}</ModalHeader>
-				<ModalBody>
-					{renderForm()}
-				</ModalBody>
-				<ModalFooter>
-					<Button color="primary" onClick={() => handleSave()}>{typeDialog}</Button>{' '}
-					<Button className="capitalize" color="secondary" onClick={() => handleCancel()}>{t('cancel')}</Button>
-				</ModalFooter>
-			</Modal>
-		</>
-	)
+  return (
+    <>
+      <Modal size="lg" isOpen={openDialog} toggle={toggleDialog}>
+        <ModalHeader className="capitalize" toggle={closeDialog}>{typeDialog == "Save" ? `Add` : "Edit"} {t('division')}</ModalHeader>
+        <ModalBody>
+          {renderForm()}
+        </ModalBody>
+        <ModalFooter>
+          <Button color="primary" onClick={() => handleSave()}>{typeDialog}</Button>{' '}
+          <Button className="capitalize" color="secondary" onClick={() => handleCancel()}>{t('cancel')}</Button>
+        </ModalFooter>
+      </Modal>
+    </>
+  )
 
 }