diff --git a/Modules/Client/Transformers/Dashboard/MemberAlarmCenterResources.php b/Modules/Client/Transformers/Dashboard/MemberAlarmCenterResources.php
index 99606aeb..c5a00170 100644
--- a/Modules/Client/Transformers/Dashboard/MemberAlarmCenterResources.php
+++ b/Modules/Client/Transformers/Dashboard/MemberAlarmCenterResources.php
@@ -17,6 +17,7 @@ class MemberAlarmCenterResources extends JsonResource
             'id' => $this->id,
             'personId' => $this->person_id,
             'memberId' => $this->member_id,
+            'link_document' => $this->link_document,
             'fullName' => $this->full_name,
             'service' => $this->service_code,
             'start_date' => $this->members_effective_date,
diff --git a/app/Services/CorporateMemberService.php b/app/Services/CorporateMemberService.php
index 12c3fc64..28e4cf79 100644
--- a/app/Services/CorporateMemberService.php
+++ b/app/Services/CorporateMemberService.php
@@ -255,6 +255,7 @@ class CorporateMemberService
                 'members.members_effective_date', // Use the actual property name
                 'members.members_expire_date',      // Use the actual property name
                 'members.active',
+                'members.link_document',
                 'request_logs.service_code',
             ])
             // ->selectRaw("(select sum(`claims`.`total_claim`) from `claims` where `members`.`id` = `claims`.`member_id` AND `claims`.`deleted_at` IS NULL) AS `claims_sum_total_claim`")
diff --git a/frontend/client-portal/src/pages/AlarmCenter/List.tsx b/frontend/client-portal/src/pages/AlarmCenter/List.tsx
index 1153f114..48bde926 100644
--- a/frontend/client-portal/src/pages/AlarmCenter/List.tsx
+++ b/frontend/client-portal/src/pages/AlarmCenter/List.tsx
@@ -18,6 +18,7 @@ import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
 import { enqueueSnackbar } from 'notistack';
 import Label from '../../components/Label';
 import { Stack } from '@mui/material';
+import { Download } from '@mui/icons-material';
 
 /* -------------------------------------------------------------------------- */
 
@@ -28,6 +29,11 @@ export default function List() {
 
   const [data, setData] = useState([]);
 
+  // Fungsi handleDocumentClick untuk menangani klik pada tautan dokumen
+  const handleDocumentClick = (link : string) => {
+    window.open(link, '_blank');
+  };
+
   /* -------------------------------------------------------------------------- */
   /*                          setting up for the table                          */
   /* -------------------------------------------------------------------------- */
@@ -190,6 +196,10 @@ export default function List() {
     handleEndDateChange: handleEndDateChanges,
   };
 
+  const handleDownload = {
+
+  }
+
   /* -------------------------------- handle export --------------------------- */
   const handleExportReport = async () => {
     
@@ -292,15 +302,20 @@ export default function List() {
           end_date: <Label> {fDateSuffix(obj.end_date)}</Label>,
           action: (
             <TableMoreMenu
-              actions={
+            actions={
                 <>
-                  <MenuItem onClick={() => navigate('member/' + obj.id)}>
-                    <VisibilityOutlinedIcon />
-                    View
-                  </MenuItem>
+                    <MenuItem onClick={() => navigate('member/' + obj.id)}>
+                        <VisibilityOutlinedIcon />
+                        View
+                    </MenuItem>
+                    <MenuItem onClick={() => handleDocumentClick(obj.link_document)}>
+                        <Download />
+                        Document Member
+                    </MenuItem>
                 </>
-              }
+            }
             />
+        
           ),
         }))
       );