update

src/container/Otorisasi/User.js

@@ -572,7 +572,7 @@ export default class UserRole extends Component {
                 style={{ marginRight: 20 }}
               >
                 <div style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
-                  <span style={{ color: '#354960', fontSize: 11 }}>Batal</span>
+                  <span style={{ color: '#354960', fontSize: 11 }}>Cancel</span>
                 </div>
               </button>
               <button
@@ -581,7 +581,7 @@ export default class UserRole extends Component {
                 style={{}}
               >
                 <div style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
-                  <span style={{ color: '#fff', fontSize: 11 }}>Simpan</span>
+                  <span style={{ color: '#fff', fontSize: 11 }}>Save</span>
                 </div>
               </button>
             </div>

src/container/Otorisasi/User/AddUser.js

@@ -158,17 +158,17 @@ export default class AddUser extends Component {
         var isEmail = this.isEmail(this.state.email)
 
         if (R.isEmpty(this.state.fullname)) {
-            this.setState({ errorFullname: true, msgErrorFN: 'Full Name is Required' })
+            this.setState({ errorFullname: true, msgErrorFN: 'Fullname is required' })
         } else if (R.isEmpty(this.state.email)) {
-            this.setState({ errorEmail: true, msgErrorEM: 'Email is Required' })
+            this.setState({ errorEmail: true, msgErrorEM: 'Email is required' })
         } else if (!isEmail) {
             this.setState({ errorEmail: true, msgErrorEM: 'Email format not recognized!' })
         } else if (R.isNil(this.state.role)) {
-            this.setState({ errorRoleName: true, msgErrorRN: 'Role Name is Required' })
+            this.setState({ errorRoleName: true, msgErrorRN: 'Role name is required' })
         } else if (R.isNil(this.state.startDate)) {
-            this.setState({ errorStartDate: true, msgErrorSD: 'Start Date is Required' })
+            this.setState({ errorStartDate: true, msgErrorSD: 'Start date is required' })
         } else if (R.isNil(this.state.endDate)) {
-            this.setState({ errorEndDate: true, msgErrorED: 'End Date is Required' })
+            this.setState({ errorEndDate: true, msgErrorED: 'End date is required' })
         }
         // else if (this.state.privileges.length < 1) {
         //     alert('Hak Akses belum di pilih !!')

src/container/Otorisasi/User/EditUser.js

@@ -705,8 +705,8 @@ export default class EditUser extends Component {
                         </div>
                     </div>
                     <div style={{ flexDirection: 'column', display: 'flex', paddingLeft: 20, paddingRight: 20 }}>
-                        <Typography style={{ fontSize: 12 }}>{`Created by  : ${this.state.tempData === null ? '' : this.state.tempData.created}`}</Typography>
-                        <Typography style={{ fontSize: 12 }}>{`Updated by: ${this.state.tempData === null ? '' : this.state.tempData.updated}`}</Typography>
+                        <Typography style={{ fontSize: 11 }}>{`Created By  : ${this.state.tempData === null ? '' : this.state.tempData.created}`}</Typography>
+                        <Typography style={{ fontSize: 11 }}>{`Updated By  : ${this.state.tempData === null ? '' : this.state.tempData.updated}`}</Typography>
                     </div>
                     <Divider style={{ margin: 20 }} />
                     <div style={{ paddingLeft: 20, paddingRight: 20 }}>

src/container/Otorisasi/UserRole/AddRole.js

@@ -110,11 +110,11 @@ export default class AddRole extends Component {
 
     validasi() {
         if (R.isEmpty(this.state.roleName)) {
-            this.setState({ errorRoleName: true, msgErrorRN: 'Role Name is Required' })
+            this.setState({ errorRoleName: true, msgErrorRN: 'Role name is required' })
         } else if (R.isNil(this.state.startDate)) {
-            this.setState({ errorStartDate: true, msgErrorSD: 'Start Date is Required' })
+            this.setState({ errorStartDate: true, msgErrorSD: 'Start date is required' })
         } else if (R.isNil(this.state.endDate)) {
-            this.setState({ errorEndDate: true, msgErrorED: 'End Date is Required' })
+            this.setState({ errorEndDate: true, msgErrorED: 'End date is required' })
         } else if (this.state.privileges.length < 1) {
             this.setState({ alert: true, messageAlert: 'You must choose the Access Rights!!', tipeAlert: 'warning' })
         } else {

src/container/Otorisasi/UserRole/EditRole.js

@@ -116,11 +116,11 @@ export default class EditRole extends Component {
 
     validasi() {
         if (R.isEmpty(this.state.tempData.role_name)) {
-            this.setState({ errorRoleName: true, msgErrorRN: 'Role Name is Required' })
+            this.setState({ errorRoleName: true, msgErrorRN: 'Role name is required' })
         } else if (R.isNil(this.state.tempData.start_date)) {
-            this.setState({ errorStartDate: true, msgErrorSD: 'Start Date is Required' })
+            this.setState({ errorStartDate: true, msgErrorSD: 'Start date is required' })
         } else if (R.isNil(this.state.tempData.end_date)) {
-            this.setState({ errorEndDate: true, msgErrorED: 'End Date is Required' })
+            this.setState({ errorEndDate: true, msgErrorED: 'End date is required' })
         } else if (this.state.privileges.length < 1) {
             this.setState({ alert: true, messageAlert: 'You must choose the Access Rights', tipeAlert: 'warning' })
         } else {
@@ -506,8 +506,8 @@ export default class EditRole extends Component {
                         </div>
                     </div>
                     <div style={{ flexDirection: 'column', display: 'flex', paddingLeft: 20, paddingRight: 20 }}>
-                        <Typography style={{ fontSize: 12 }}>{`Created by  : ${this.state.tempData === null ? '' : (this.state.tempData.created === null ? '-' : this.state.tempData.created)}`}</Typography>
-                        <Typography style={{ fontSize: 12 }}>{`Updated by: ${this.state.tempData === null ? '' : (this.state.tempData.updated === null ? '-' : this.state.tempData.updated)}`}</Typography>
+                        <Typography style={{ fontSize: 11 }}>{`Created By  : ${this.state.tempData === null ? '' : (this.state.tempData.created === null ? '-' : this.state.tempData.created)}`}</Typography>
+                        <Typography style={{ fontSize: 11 }}>{`Updated By  : ${this.state.tempData === null ? '' : (this.state.tempData.updated === null ? '-' : this.state.tempData.updated)}`}</Typography>
                     </div>
                     <Divider style={{ margin: 20 }} />
                     <div style={{ paddingLeft: 20, paddingRight: 20 }}>