add validation

src/views/SimproV2/Divisi/DialogForm.js

@@ -29,8 +29,17 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
 		}
 	}, [dataEdit, openDialog])
 
+  const validation = () => {
+    if (!name || name === "") {
+      alert("Division Name cannot be empty!");
+      return true;
+    }
+  }
   const handleSave = () => {
     let data = '';
+    const err = validation();
+
+    if (!err) {
       if (typeDialog === "Save") {
         data = {
           name: name,
@@ -49,25 +58,36 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
       }
       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>
-							<Input type="text" value={name} onChange={(e) => setName(e.target.value)} placeholder={t('inputName')} />
+							<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>
-				</Row>
-				<Row>
           <Col md={6}>
 						<FormGroup>
 							<Label className="capitalize">{t('nameDivision')}</Label>
@@ -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')} />