From dcc25a02ce1cbd07d01b8894bdc7a04d1aeb5ddc Mon Sep 17 00:00:00 2001
From: ivan-sim <ivan@sismedika.com>
Date: Mon, 9 Oct 2023 09:59:46 +0700
Subject: [PATCH] LMSN-191 Update

---
 .../user-profile/CardPersonalInformation.tsx  | 66 ++++++++-----------
 1 file changed, 29 insertions(+), 37 deletions(-)

diff --git a/frontend/client-portal/src/sections/alarm-center/user-profile/CardPersonalInformation.tsx b/frontend/client-portal/src/sections/alarm-center/user-profile/CardPersonalInformation.tsx
index 93240d28..693a9f15 100644
--- a/frontend/client-portal/src/sections/alarm-center/user-profile/CardPersonalInformation.tsx
+++ b/frontend/client-portal/src/sections/alarm-center/user-profile/CardPersonalInformation.tsx
@@ -132,43 +132,35 @@ export default function CardPersonalInformation({ data }) {
         </Button>*/}
       </Stack>
       {/* Stack 2 */}
-      <Stack direction="row" spacing={2} paddingX={2}>
-        <div style={{ position: 'relative', flex: 'none', height: 'fit-content' }}>
-          <img
-            width={52}
-            height={52}
-            src="/images/user-profile.png"
-            alt="user-profile"
-            style={{ borderRadius: '50%' }}
-          />
-          <IconButton
-            color="primary"
-            sx={{
-              position: 'absolute',
-              bottom: 0,
-              right: 0,
-              width: '20px',
-              height: '20px',
-              padding: '4px',
-              backgroundColor: 'rgba(255,255,255,0.9)',
-            }}
-          >
-            <Iconify icon="material-symbols:photo-camera" />
-          </IconButton>
-        </div>
-        <Stack direction="row" paddingY={1} spacing={2} sx={{ flex: '100%' }}>
-          <Stack sx={{ width: '36%' }}>
-            <Typography variant="caption">Full Name</Typography>
-            <Typography variant="body2"> {data?.name} </Typography>
-          </Stack>
-          <Stack sx={{ width: '31%' }}>
-            <Typography variant="caption">Weight</Typography>
-            <Typography variant="body2">{data?.last_weight_kg} kg</Typography>
-          </Stack>
-          <Stack sx={{ width: '30%' }}>
-            <Typography variant="caption">Height</Typography>
-            <Typography variant="body2">{data?.last_height_cm} cm</Typography>
-          </Stack>
+      <Stack maxHeight="584px" paddingX={2} sx={{ overflowY: 'auto' }}>
+        {/* Stack 2.1 */}
+        <Stack marginTop={2} spacing={1}>
+            {/*<Typography variant="subtitle2">Informasi Dasar</Typography>*/}
+            <Stack direction="row" spacing={2} sx={{ flex: '100%' }}>
+              <Stack direction="row" spacing={2} sx={{ width: '40%' }}>
+                <Stack sx={{width: '10%'}}>
+                    <img
+                      width={52}
+                      height={52}
+                      src="/images/user-profile.png"
+                      alt="user-profile"
+                      style={{ borderRadius: '50%' }}
+                    />
+                </Stack>
+                <Stack sx={{width: '30%'}}>
+                  <Typography variant="caption">Full Name</Typography>
+                  <Typography variant="body2"> {data?.name} </Typography>
+                </Stack>
+              </Stack>
+              <Stack sx={{ width: '30%' }}>
+                <Typography variant="caption">Weight</Typography>
+                <Typography variant="body2">{data?.last_weight_kg} kg</Typography>
+              </Stack>
+              <Stack sx={{ width: '30%' }}>
+                <Typography variant="caption">Height</Typography>
+                <Typography variant="body2">{data?.last_height_cm} cm</Typography>
+              </Stack>
+            </Stack>
         </Stack>
       </Stack>
       {/* Stack 3 */}