diff --git a/Modules/Internal/Http/Controllers/Api/CorporateMemberController.php b/Modules/Internal/Http/Controllers/Api/CorporateMemberController.php
index cd505ec8..2b72e6c5 100755
--- a/Modules/Internal/Http/Controllers/Api/CorporateMemberController.php
+++ b/Modules/Internal/Http/Controllers/Api/CorporateMemberController.php
@@ -149,6 +149,7 @@ class CorporateMemberController extends Controller
             $member->update([
                 'birth_date' => $request->birth_date,
                 'gender' => $request->gender,
+                'principal_id' => $request->principal_id,
             ]);
 
             return response()->json([
@@ -171,7 +172,11 @@ class CorporateMemberController extends Controller
      */
     public function destroy($id)
     {
-        //
+        $member = Member::findOrFail($id);
+        // Menghapus member
+        $member->delete();
+        // Mengembalikan respons setelah penghapusan (misalnya sukses)
+        return response()->json(['message' => 'Member deleted successfully'], 200);
     }
 
 
diff --git a/frontend/dashboard/src/pages/Corporates/Member/sections/DialogEditMember.tsx b/frontend/dashboard/src/pages/Corporates/Member/sections/DialogEditMember.tsx
index 5477fb88..2ff6dcb8 100755
--- a/frontend/dashboard/src/pages/Corporates/Member/sections/DialogEditMember.tsx
+++ b/frontend/dashboard/src/pages/Corporates/Member/sections/DialogEditMember.tsx
@@ -18,6 +18,7 @@ type DialogConfirmationType = {
     onSubmit?: void;
     member: {
         member_id:string,
+        principal_id:string,
         birth_date:string,
         gender:string,
         reason:string
@@ -25,11 +26,12 @@ type DialogConfirmationType = {
 }
 
 export default function DialogEditMember({member, setOpenDialog, openDialog, onSubmit} : DialogConfirmationType ) {
-    const navigate = useNavigate();
+    // const navigate = useNavigate();
     const { corporate_id } = useParams();
 
     const [formData, setFormData] = useState({
         member_id: member?.member_id,
+        principal_id: member?.principal_id,
         gender: member?.gender,
         birth_date: member?.birth_date,
         reason: member?.reason,
@@ -41,6 +43,7 @@ export default function DialogEditMember({member, setOpenDialog, openDialog, onS
         // Update formData setiap kali requestLog berubah
         setFormData({
             member_id: member?.member_id || '',
+            principal_id: member?.principal_id || '',
             gender: member?.gender || '',
             birth_date: member?.birth_date || '',
             reason: member?.reason || '',
@@ -74,7 +77,7 @@ export default function DialogEditMember({member, setOpenDialog, openDialog, onS
                 .then((response) => {
                     enqueueSnackbar('Update Member Success', { variant: 'success' });
                     setOpenDialog(false);
-                    navigate(`/corporates/${corporate_id}/members`)
+                    // navigate(`/corporates/${corporate_id}/members`)
                     window.location.reload()
                 })
                 .catch(({ response }) => {
@@ -106,6 +109,7 @@ export default function DialogEditMember({member, setOpenDialog, openDialog, onS
             member_id: member?.member_id ?? '',
             gender: member?.gender ?? '',
             birth_date: member?.birth_date ?? '',
+            principal_id: member?.principal_id ?? '',
             reason: member?.reason ?? '',
             
         });
@@ -152,6 +156,16 @@ export default function DialogEditMember({member, setOpenDialog, openDialog, onS
                                 onChange={(e) => handleChange('birth_date', e.target.value)}
                             />
                         </Stack>
+                        <Stack direction='row' spacing={2} sx={marginBottom2}>
+                            <Typography variant='subtitle2' sx={style1} gutterBottom>Mapping ID</Typography>
+                            <TextField
+                                label="Mapping ID"
+                                variant="outlined"
+                                fullWidth
+                                value={formData.principal_id ? formData.principal_id : ''}
+                                onChange={(e) => handleChange('principal_id', e.target.value)}
+                            />
+                        </Stack>
                         <Stack direction='row' spacing={2} sx={marginBottom2}>
                             <Typography variant='subtitle2' sx={style1} gutterBottom>Gender</Typography>
                             <Autocomplete