Merge remote-tracking branch 'origin/staging' into origin/production

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>
                 </>
-              }
+            }
             />
+        
           ),
         }))
       );