AccountProfileModal ProfileModalHeader.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32  
 
 
 
 
 
1x
12x
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { addSizeToImage } from "@components/UploadAvatar/UploadAvatar";
import useUserReducer from "@hooks/Reducers/useUserReducer";
import { Stack } from "@mui/material";
import GiveAvatar from "@shared/Avatar/GiveAvatar";
import GiveTruncateText from "@shared/Text/GiveTruncateText";
 
const ProfileModalHeader = () => {
  const { globalName, email, img } = useUserReducer();
 
  return (
    <Stack direction="row" spacing={1.5} alignItems="center">
      <GiveAvatar size="32px" imageUrl={addSizeToImage(img, "thumb")} />
      <Stack spacing={0.5}>
        <GiveTruncateText lineClamp={1} variant="bodyS">
          {globalName?.firstName} {globalName?.lastName}
        </GiveTruncateText>
        <GiveTruncateText
          lineClamp={1}
          variant="bodyXXS"
          sx={{
            wordBreak: "break-all",
          }}
        >
          {email}
        </GiveTruncateText>
      </Stack>
    </Stack>
  );
};
 
export default ProfileModalHeader;