import Body from "@scandic-hotels/design-system/Body" import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon" import Link from "@scandic-hotels/design-system/OldDSLink" import { Typography } from "@scandic-hotels/design-system/Typography" import { getMembershipCards } from "@/lib/trpc/memoizedRequests" import { getIntl } from "@/i18n" import styles from "./membershipcards.module.css" export default async function MembershipCardSlot() { const intl = await getIntl() const membershipCards = await getMembershipCards() return (

{intl.formatMessage({ id: "myPages.myMembershipCards", defaultMessage: "My membership cards", })}

{(membershipCards || []).map((card, idx) => (

{intl.formatMessage( { id: "myPages.nameWithCardMembershipType", defaultMessage: "Name: {cardMembershipType}", }, { cardMembershipType: card.membershipType, } )}

{intl.formatMessage( { id: "myPages.currentPointsWithPoints", defaultMessage: "Current Points: {points, number}", }, { points: card.currentPoints } )} {intl.formatMessage( { id: "myPages.memberSinceWithValue", defaultMessage: "Member Since: {value}", }, { value: card.memberSince, } )} {intl.formatMessage( { id: "myPages.numberWithValue", defaultMessage: "Number: {membershipNumber}", }, { membershipNumber: card.membershipNumber, } )} {intl.formatMessage( { id: "myPages.expirationDateWithDate", defaultMessage: "Expiration Date: {expirationDate}", }, { expirationDate: card.expirationDate?.split("T")[0], } )}
))} {intl.formatMessage({ id: "myPages.addNewCard", defaultMessage: "Add new card", })}
) }