LMSN-213

Client/User dapat melihat List Claim dan Total Claim

frontend/client-portal/src/pages/ClaimReport/Index.tsx

@@ -15,6 +15,7 @@ import { UserCurrentCorporateContext } from '../../contexts/UserCurrentCorporate
 import List from './List';
 // theme
 import palette from '../../theme/palette';
+import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs';
 
 interface ClaimStatusType {
   name: string;
@@ -35,17 +36,22 @@ export default function Drugs() {
         {
           name: 'Requested',
           value: claimStatus.data.data.requesteds,
-          color: palette.dark.primary.dark,
+          color: '#159C9C',
         },
         {
           name: 'Approval',
           value: claimStatus.data.data.approveds,
-          color: palette.dark.warning.dark,
+          color: '#229A16',
         },
         {
-          name: 'Rejected',
+          name: 'Disbrusment',
+          value: claimStatus.data.data.disbrusments,
+          color: '#BF6919',
+        },
+        {
+          name: 'Decline',
           value: claimStatus.data.data.rejecteds,
-          color: palette.dark.error.dark,
+          color: '#B72136',
         },
       ]);
     })();
@@ -54,6 +60,13 @@ export default function Drugs() {
   return (
     <Page title="Claim Reports">
       <Container maxWidth={themeStretch ? false : 'xl'}>
+        <HeaderBreadcrumbs
+              heading={'Claim Report'}
+              links={[
+                { name: 'Case Management', href: '/claim-report' },
+                { name: 'Claim Report', href: '/claim-report'}
+              ]}
+        />
         <Grid container spacing={2}>
           <Grid item xs={12} lg={12} md={12}>
             <CardClaimStatus data={listClaimStatusItems} />