parseInt company_id

src/views/SimproV2/Satuan/DialogForm.js

@@ -1,139 +1,139 @@
-import React, { useEffect, useState } from 'react'
-import {
-  Modal, ModalHeader, ModalBody, ModalFooter,
-  Button, Form, FormGroup, Label, Input, Col, Row
-} from 'reactstrap';
-import { Select } from 'antd';
-import 'antd/dist/antd.css';
-import { useTranslation } from 'react-i18next';
-const { Option } = Select;
-
-const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdit, company_id, listCompany, role_name }) => {
-  const [id, setId] = useState(0)
-  const [name, setName] = useState('')
-  const [description, setDescription] = useState('')
-  const [selectedCompany, setSelectedCompany] = useState(null)
-  const { t } = useTranslation()
-
-
-  useEffect(() => {
-    if (typeDialog === "Edit") {
-      setId(dataEdit.id)
-      setDescription(dataEdit.description)
-      setName(dataEdit.name)
-      setSelectedCompany(dataEdit.company_id);
-    } else {
-      setId(0)
-    }
-  }, [dataEdit, openDialog])
-
-  const handleSave = () => {
-    let data = '';
-    if (typeDialog === "Save") {
-      if (role_name === 'Super Admin') {
-        company_id = selectedCompany
-      }
-      data = {
-        name: name,
-        description: description,
-        company_id: company_id
-      }
-
-      closeDialog('save', data);
-    } else {
-
-      if (role_name === 'Super Admin') {
-        company_id = selectedCompany
-      }
-      data = {
-        id,
-        name: name,
-        description: description,
-        company_id: company_id
-      }
-      closeDialog('edit', data);
-    }
-    setId(0)
-    setDescription('')
-    setSelectedCompany(null)
-
-  }
-
-  const handleCancel = () => {
-    closeDialog('cancel', 'none')
-    setId(0)
-    setDescription('')
-    setSelectedCompany(null)
-  }
-
-  const onChangeCompany = (val) => {
-    setSelectedCompany(val);
-  };
-
-  const renderForm = () => {
-    return (
-      <Form>
-        <Row>
-          <Col md={6}>
-            <FormGroup>
-              <Label className="capitalize">{t('name')}</Label>
-              <Input type="text" value={name} onChange={(e) => setName(e.target.value)} placeholder={t('inputName')} />
-            </FormGroup>
-          </Col>
-          <Col md={6}>
-            <FormGroup>
-              <Label className="capitalize">Description</Label>
-              <Input row="4" type="textarea" value={description} onChange={(e) => setDescription(e.target.value)} placeholder={t('inputDescription')} />
-            </FormGroup>
-          </Col>
-        </Row>
-        {role_name === 'Super Admin' &&
-          <Row>
-            <Col md={6}>
-              <FormGroup>
-                <Label className="capitalize">
-                  {t('company')}<span style={{ color: "red" }}>*</span>
-                </Label>
-                <Select
-                  showSearch
-                  filterOption={(inputValue, option) =>
-                    option.children.toLowerCase().includes(inputValue.toLowerCase())
-                  }
-                  value={selectedCompany}
-                  defaultValue={selectedCompany}
-                  onChange={onChangeCompany}
-                  style={{ width: "100%" }}
-                >
-                  {listCompany.map((res) => (
-                    <Option key={res.id} value={res.id}>
-                      {res.company_name}
-                    </Option>
-                  ))}
-                </Select>
-              </FormGroup>
-            </Col>
-          </Row>
-        }
-      </Form>
-    )
-  }
-
-
-  return (
-    <>
-      <Modal size="lg" isOpen={openDialog} toggle={toggleDialog}>
-        <ModalHeader className="capitalize" toggle={closeDialog}>{typeDialog == "Save" ? `Add` : "Edit"} {'uom'}</ModalHeader>
-        <ModalBody>
-          {renderForm()}
-        </ModalBody>
-        <ModalFooter>
-          <Button color="primary" onClick={() => handleSave()}>{typeDialog}</Button>{' '}
-          <Button className="capitalize" color="secondary" onClick={() => handleCancel()}>{t('cancel')}</Button>
-        </ModalFooter>
-      </Modal>
-    </>
-  )
-
-}
-
-export default DialogForm;
+import React, { useEffect, useState } from 'react'
+import {
+  Modal, ModalHeader, ModalBody, ModalFooter,
+  Button, Form, FormGroup, Label, Input, Col, Row
+} from 'reactstrap';
+import { Select } from 'antd';
+import 'antd/dist/antd.css';
+import { useTranslation } from 'react-i18next';
+const { Option } = Select;
+
+const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdit, company_id, listCompany, role_name }) => {
+  const [id, setId] = useState(0)
+  const [name, setName] = useState('')
+  const [description, setDescription] = useState('')
+  const [selectedCompany, setSelectedCompany] = useState(null)
+  const { t } = useTranslation()
+
+
+  useEffect(() => {
+    if (typeDialog === "Edit") {
+      setId(dataEdit.id)
+      setDescription(dataEdit.description)
+      setName(dataEdit.name)
+      setSelectedCompany(dataEdit.company_id);
+    } else {
+      setId(0)
+    }
+  }, [dataEdit, openDialog])
+
+  const handleSave = () => {
+    let data = '';
+    if (typeDialog === "Save") {
+      if (role_name === 'Super Admin') {
+        company_id = parseInt(selectedCompany)
+      }
+      data = {
+        name: name,
+        description: description,
+        company_id: parseInt(company_id)
+      }
+
+      closeDialog('save', data);
+    } else {
+
+      if (role_name === 'Super Admin') {
+        company_id = parseInt(selectedCompany)
+      }
+      data = {
+        id,
+        name: name,
+        description: description,
+        company_id: parseInt(company_id)
+      }
+      closeDialog('edit', data);
+    }
+    setId(0)
+    setDescription('')
+    setSelectedCompany(null)
+
+  }
+
+  const handleCancel = () => {
+    closeDialog('cancel', 'none')
+    setId(0)
+    setDescription('')
+    setSelectedCompany(null)
+  }
+
+  const onChangeCompany = (val) => {
+    setSelectedCompany(val);
+  };
+
+  const renderForm = () => {
+    return (
+      <Form>
+        <Row>
+          <Col md={6}>
+            <FormGroup>
+              <Label className="capitalize">{t('name')}</Label>
+              <Input type="text" value={name} onChange={(e) => setName(e.target.value)} placeholder={t('inputName')} />
+            </FormGroup>
+          </Col>
+          <Col md={6}>
+            <FormGroup>
+              <Label className="capitalize">Description</Label>
+              <Input row="4" type="textarea" value={description} onChange={(e) => setDescription(e.target.value)} placeholder={t('inputDescription')} />
+            </FormGroup>
+          </Col>
+        </Row>
+        {role_name === 'Super Admin' &&
+          <Row>
+            <Col md={6}>
+              <FormGroup>
+                <Label className="capitalize">
+                  {t('company')}<span style={{ color: "red" }}>*</span>
+                </Label>
+                <Select
+                  showSearch
+                  filterOption={(inputValue, option) =>
+                    option.children.toLowerCase().includes(inputValue.toLowerCase())
+                  }
+                  value={selectedCompany}
+                  defaultValue={selectedCompany}
+                  onChange={onChangeCompany}
+                  style={{ width: "100%" }}
+                >
+                  {listCompany.map((res) => (
+                    <Option key={res.id} value={res.id}>
+                      {res.company_name}
+                    </Option>
+                  ))}
+                </Select>
+              </FormGroup>
+            </Col>
+          </Row>
+        }
+      </Form>
+    )
+  }
+
+
+  return (
+    <>
+      <Modal size="lg" isOpen={openDialog} toggle={toggleDialog}>
+        <ModalHeader className="capitalize" toggle={closeDialog}>{typeDialog == "Save" ? `Add` : "Edit"} {'uom'}</ModalHeader>
+        <ModalBody>
+          {renderForm()}
+        </ModalBody>
+        <ModalFooter>
+          <Button color="primary" onClick={() => handleSave()}>{typeDialog}</Button>{' '}
+          <Button className="capitalize" color="secondary" onClick={() => handleCancel()}>{t('cancel')}</Button>
+        </ModalFooter>
+      </Modal>
+    </>
+  )
+
+}
+
+export default DialogForm;

src/views/SimproV2/Satuan/index.js

@@ -116,7 +116,7 @@ const Satuan = ({ params, ...props }) => {
 
 		if (role_name !== "Super Admin") {
 			payload.columns.push(
-				{ "name": "company_id", "logic_operator": "=", "value": company_id, "operator": "AND" },
+				{ "name": "company_id", "logic_operator": "=", "value": parseInt(company_id), "operator": "AND" },
 			)
 		} else {
 			payload.columns.push(