comitting

frontend/client-portal/src/sections/dashboard/CardBalance.tsx

@@ -16,17 +16,18 @@ import { useState } from 'react';
 import { fCurrency } from '../../utils/formatNumber';
 // <sections></sections>
 import DialogTopUpLimit from './DialogTopUpLimit';
+import DialogClaimSubmitMember from './DialogClaimSubmitMember';
 
 // ----------------------------------------------------------------------
 
-type DataContent = {
-  info: string;
-  date: string;
-  time: string;
+type DataMembers = {
+  name: string;
+  memberId: string;
+  saldo: string;
 };
 
 type NotificationProps = {
-  data?: DataContent[];
+  data?: { members: DataMembers[] };
 };
 
 // ----------------------------------------------------------------------
@@ -67,7 +68,7 @@ export default function CardBalance({ data }: NotificationProps) {
   const clickHandler = (isDialog: string) => {
     switch (isDialog) {
       case 'submitClaim':
-        setDialogTitle('Notification');
+        setDialogTitle('Add Claim');
         setIsDialog(isDialog);
         setOpenDialog(true);
         break;
@@ -140,14 +141,14 @@ export default function CardBalance({ data }: NotificationProps) {
         </Stack>
       </>
 
-      {/* {isDialog === 'submitClaim' && (
-        <DialogNotification
+      {isDialog === 'submitClaim' && (
+        <DialogClaimSubmitMember
           openDialog={openDialog}
           setOpenDialog={setOpenDialog}
-          title={dialogTitle}
-          data={data}
+          title={{ name: dialogTitle }}
+          data={data?.members}
         />
-      )} */}
+      )}
 
       {isDialog === 'topUpLimit' && (
         <DialogTopUpLimit