integrasi role

src/pages/role/IndexRole.jsx

@@ -4,8 +4,8 @@ import { useBreadcrumb } from '../../layout/LayoutBreadcrumb';
 import { Form, Typography } from 'antd';
 import ListRole from './component/ListRole';
 import DetailRole from './component/DetailRole';
-
-import { NotifAlert } from '../../components/Global/ToastNotif';
+import { createRole, updateRole } from '../../api/role';
+import { NotifAlert, NotifOk } from '../../components/Global/ToastNotif';
 
 const { Text } = Typography;
 
@@ -65,21 +65,56 @@ const IndexRole = memo(function IndexRole() {
         }
 
         form.validateFields()
-            .then((values) => {
-                if (actionMode === 'edit') {
-                    NotifAlert({
-                        icon: 'success',
-                        title: 'Berhasil',
-                        message: `Data Role "${values.role_name}" berhasil diubah.`,
-                    });
-                } else if (actionMode === 'add') {
-                    NotifAlert({
-                        icon: 'success',
-                        title: 'Berhasil',
-                        message: `Data Role "${values.role_name}" berhasil ditambahkan.`,
+            .then(async (values) => {
+                try {
+                    let response;
+                    if (actionMode === 'edit') {
+                        response = await updateRole(selectedData.role_id, values);
+                        console.log('Update Response:', response);
+
+                        const isSuccess = response.statusCode === 200 || response.statusCode === 201;
+                        if (isSuccess) {
+                            NotifAlert({
+                                icon: 'success',
+                                title: 'Berhasil',
+                                message: `Data Role "${values.role_name}" berhasil diubah.`,
+                            });
+                            handleCancel();
+                        } else {
+                            NotifOk({
+                                icon: 'error',
+                                title: 'Gagal',
+                                message: response.message || 'Gagal mengubah data Role',
+                            });
+                        }
+                    } else if (actionMode === 'add') {
+                        response = await createRole(values);
+                        console.log('Create Response:', response);
+
+                        const isSuccess = response.statusCode === 200 || response.statusCode === 201;
+                        if (isSuccess) {
+                            NotifAlert({
+                                icon: 'success',
+                                title: 'Berhasil',
+                                message: `Data Role "${values.role_name}" berhasil ditambahkan.`,
+                            });
+                            handleCancel();
+                        } else {
+                            NotifOk({
+                                icon: 'error',
+                                title: 'Gagal',
+                                message: response.message || 'Gagal menambahkan data Role',
+                            });
+                        }
+                    }
+                } catch (error) {
+                    console.error('Error:', error);
+                    NotifOk({
+                        icon: 'error',
+                        title: 'Error',
+                        message: 'Terjadi kesalahan saat menyimpan data',
                     });
                 }
-                handleCancel();
             })
             .catch((info) => {
                 console.log('Validate Failed:', info);