50 lines
1.8 KiB
JavaScript
50 lines
1.8 KiB
JavaScript
import {Box, MenuItem, Typography} from "@mui/material";
|
|
import {NextLinkComposed} from "@/core/components/LinkRouting";
|
|
import {useTranslations} from "next-intl";
|
|
import headerProfileItems from "@/core/data/headerProfileItems";
|
|
import ProfileOptionLogOut from "./ProfileOptionLogOut";
|
|
|
|
export default function ProfileOptions({handleCloseUserMenu}) {
|
|
const t = useTranslations();
|
|
|
|
return (
|
|
<>
|
|
{headerProfileItems.map((profile_item) => (
|
|
<MenuItem
|
|
component={NextLinkComposed}
|
|
to={{
|
|
pathname: profile_item.route,
|
|
}}
|
|
sx={{
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
borderTop: 1,
|
|
px: 3,
|
|
py: 1.5,
|
|
borderColor: "#e1e1e1",
|
|
}}
|
|
key={profile_item.key}
|
|
onClick={handleCloseUserMenu}
|
|
>
|
|
<Box sx={{display: "flex", alignItems: "center", flex: 1}}>
|
|
<Box
|
|
sx={{
|
|
display: "flex",
|
|
alignItems: "center",
|
|
color: "primary.main",
|
|
pr: 2,
|
|
}}
|
|
>
|
|
{profile_item.icon}
|
|
</Box>
|
|
<Typography sx={{flex: 1}} textAlign="start">
|
|
{t(profile_item.name)}
|
|
</Typography>
|
|
</Box>
|
|
</MenuItem>
|
|
))}
|
|
<ProfileOptionLogOut handleCloseUserMenu={handleCloseUserMenu}/>
|
|
</>
|
|
);
|
|
}
|