update componen label

frontend/client-portal/src/sections/claim-submit/DialogClaimSubmitMember.tsx

@@ -116,23 +116,6 @@ export default function DialogClaimSubmitMember({
   /* -------------------------------------------------------------------------- */
 
   /* ------------------------------ Icon On Click ----------------------------- */
-  const clickHandler = ({ id, fullName, memberId, limit, avatar }: DataContentType) => {
-    setDataMemberClaim({
-      id: id,
-      fullName: fullName,
-      memberId: memberId,
-      limit: {
-        current: limit.current,
-        total: limit.total,
-        percentage: limit.percentage,
-      },
-      avatar: {
-        url: avatar && avatar.url,
-        title: avatar && avatar.title,
-      },
-    });
-  };
-
   const handleCheck = (data: DataContentType, isChecked: boolean) => {
     if (isChecked) {
       dispatch(claimSubmitAction.patch([...selectedData, data]));
@@ -164,20 +147,12 @@ export default function DialogClaimSubmitMember({
       <Stack marginTop={2} spacing={1}>
         {data.map((row: DataContentType, key) => (
           <Card
+          
             key={key}
-            sx={{ paddingY: 1, paddingX: 2 }}
-            // onClick={() =>
-            //   clickHandler({
-            //     id: row.id,
-            //     fullName: row.fullName,
-            //     memberId: row.memberId,
-            //     limit: {
-            //       current: row.limit.current,
-            //       total: row.limit.total,
-            //       percentage: row.limit.percentage,
-            //     },
-            //   })
-            // }
+            sx={{bgcolor: (theme) => {
+                return selectedData.some((item) => item.memberId === row.memberId) ? theme.palette.primary.lighter : theme.palette.background.default
+              }
+            }}
           >
             <Stack direction="row" alignItems="center">
               <Grid item xs={1} lg={1} xl={1}>
@@ -207,20 +182,20 @@ export default function DialogClaimSubmitMember({
                   style={{ borderRadius: '50%' }}
                 />
               </div>
-              <Grid item xs={7} lg={7} xl={7}>
+              <Grid item xs={11} lg={11} xl={11}>
                 <Typography variant="subtitle1">{row.fullName}</Typography>
                 <Typography color="#637381" variant="body2" sx={{ fontWeight: 500 }}>
                   {row.memberId}
                 </Typography>
               </Grid>
-              <Grid item xs={3} lg={3} xl={3}>
-                <BorderLinearProgress
+              {/* <Grid item xs={3} lg={3} xl={3}> */}
+                {/* <BorderLinearProgress
                   variant="determinate"
                   value={row.limit && row.limit.percentage}
                   // color='success'
                   sx={{ mb: 1 }}
-                />
-                <Stack direction={'row'}>
+                /> */}
+                {/* <Stack direction={'row'}>
                   <Grid item xs={3}>
                     <Typography variant="overline" sx={{ textAlign: 'left' }}>
                       LIMIT
@@ -236,18 +211,18 @@ export default function DialogClaimSubmitMember({
                       </Typography>
                     </Stack>
                   </Grid>
-                </Stack>
-              </Grid>
+                </Stack> */}
+              {/* </Grid> */}
               <Grid
                 item
-                xs={2}
-                lg={2}
-                xl={2}
-                style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}
+                xs={1}
+                lg={1}
+                xl={1}
+                style={{ display: 'flex', justifyContent: 'right', alignItems: 'right' }}
               >
-                <IconButton>
+                {/* <IconButton>
                   <Iconify icon="ic:history" />
-                </IconButton>
+                </IconButton> */}
                 <IconButton
                   disabled={selectedData.length > 0}
                   sx={{ marginLeft: '10px' }}