import { membershipLevels } from "@/constants/membershipLevels" import Body from "@/components/TempDesignSystem/Text/Body" import Title from "@/components/TempDesignSystem/Text/Title" import { getIntl } from "@/i18n" import { getMembership, isHighestMembership } from "@/utils/user" import { MembershipNumberProps } from "./MemershipNumber/membershipNumber" import MembershipLevel from "./MembershipLevel" import MembershipNumber from "./MemershipNumber" import styles from "./friend.module.css" import type { UserProps } from "@/types/components/myPages/user" export default async function Friend({ user, color, }: UserProps & Pick) { const { formatMessage } = await getIntl() const membership = getMembership(user.memberships) 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}
{user.name}
) }