import { membershipLevels } from "@/constants/membershipLevels" import Body from "@/components/TempDesignSystem/Text/Body" import Title from "@/components/TempDesignSystem/Text/Title" import { getIntl } from "@/i18n" import { isHighestMembership } from "@/utils/user" import MembershipLevel from "./MembershipLevel" import styles from "./friend.module.css" import type { FriendProps } from "@/types/components/myPages/friend" export default async function Friend({ children, membership, name, }: FriendProps) { const { formatMessage } = await getIntl() if (!membership?.membershipLevel) { return null } // @ts-expect-error: membershiplevel needs proper fix const isHighestLevel = isHighestMembership(membership.membershipLevel) return (
{formatMessage( isHighestLevel ? { id: "Highest level" } : // @ts-expect-error: membershiplevel needs proper fix { id: `Level ${membershipLevels[membership.membershipLevel]}` } )} {membership ? ( ) : null}
{name} {children}
) }