67 lines
1.8 KiB
TypeScript
67 lines
1.8 KiB
TypeScript
import { MembershipLevelEnum } from "@/constants/membershipLevels"
|
|
import { myPages } from "@/constants/routes/myPages"
|
|
import {
|
|
getMembershipLevelSafely,
|
|
getMyPagesNavigation,
|
|
getName,
|
|
} from "@/lib/trpc/memoizedRequests"
|
|
import { serverClient } from "@/lib/trpc/server"
|
|
|
|
import Link from "@/components/TempDesignSystem/Link"
|
|
import { getIntl } from "@/i18n"
|
|
import { getLang } from "@/i18n/serverContext"
|
|
|
|
import Avatar from "../Avatar"
|
|
import MyPagesMenu from "../MyPagesMenu"
|
|
import MyPagesMobileMenu from "../MyPagesMobileMenu"
|
|
|
|
import styles from "./myPagesMenuWrapper.module.css"
|
|
|
|
export default async function MyPagesMenuWrapper() {
|
|
const lang = getLang()
|
|
const [intl, myPagesNavigation, user, membership] = await Promise.all([
|
|
getIntl(),
|
|
getMyPagesNavigation(),
|
|
getName(),
|
|
getMembershipLevelSafely(),
|
|
])
|
|
|
|
const membershipLevel = membership?.membershipLevel
|
|
? await serverClient().contentstack.loyaltyLevels.byLevel({
|
|
level: MembershipLevelEnum[membership.membershipLevel],
|
|
})
|
|
: null
|
|
|
|
return (
|
|
<>
|
|
{user ? (
|
|
<>
|
|
<MyPagesMenu
|
|
membershipLevel={membershipLevel}
|
|
membership={membership}
|
|
navigation={myPagesNavigation}
|
|
user={user}
|
|
/>
|
|
<MyPagesMobileMenu
|
|
membershipLevel={membershipLevel}
|
|
membership={membership}
|
|
navigation={myPagesNavigation}
|
|
user={user}
|
|
/>
|
|
</>
|
|
) : (
|
|
<Link
|
|
href={myPages[lang]}
|
|
className={styles.loginLink}
|
|
aria-label={intl.formatMessage({ id: "Log in/Join" })}
|
|
>
|
|
<Avatar />
|
|
<span className={styles.userName}>
|
|
{intl.formatMessage({ id: "Log in/Join" })}
|
|
</span>
|
|
</Link>
|
|
)}
|
|
</>
|
|
)
|
|
}
|