add validation

src/views/SimproV2/Divisi/DialogForm.js

@@ -29,46 +29,66 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
 		}
 	}, [dataEdit, openDialog])
 
-	const handleSave = () => {
+  const validation = () => {
-		let data = '';
+    if (!name || name === "") {
-		if (typeDialog === "Save") {
+      alert("Division Name cannot be empty!");
-			data = {
+      return true;
-				name: name,
+    }
-				description,
+  }
-				parent
+  const handleSave = () => {
-			}
+    let data = '';
-			closeDialog('save', data);
+    const err = validation();
-		} else {
+
-			data = {
+    if (!err) {
-				id,
+      if (typeDialog === "Save") {
-				name: name,
+        data = {
-				description,
+          name: name,
-				parent
+          description,
-			}
+          parent
-			closeDialog('edit', data);
+        }
-		}
+        closeDialog('save', data);
-		setId(0)
+      } else {
-		setDescription('')
+        data = {
+          id,
+          name: name,
+          description,
+          parent
+        }
+        closeDialog('edit', data);
+      }
+      setId(0)
+      setDescription('')
+      setName('')
+    }
 	}
 	const handleCancel = () => {
 		closeDialog('cancel', 'none')
 		setId(0)
 		setDescription('')
+		setName('')
 	}
 
 	const renderForm = () => {
 		return (
 			<Form>
+        <Row>
+            <Col md={12}>
+              <span style={{ color: "red" }}>*</span> Wajib diisi.
+            </Col>
+        </Row>
 				<Row>
 					<Col md={6}>
 						<FormGroup>
-							<Label className="capitalize">{t('name')}</Label>
+							<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')} />
+							<Input
+								type="text"
+								value={name}
+								onChange={(e) => setName(e.target.value)}
+								placeholder={t('inputName')}
+							/>
 						</FormGroup>
-					</Col>
+          </Col>
-				</Row>
+          <Col md={6}>
-				<Row>
-					<Col md={6}>
 						<FormGroup>
 							<Label className="capitalize">{t('nameDivision')}</Label>
 							<Select showSearch
@@ -85,7 +105,7 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
 					</Col>
 				</Row>
 				<Row>
-					<Col md={6}>
+					<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')} />