import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon" import { getMembershipCards } from "@/lib/trpc/memoizedRequests" import Link from "@/components/TempDesignSystem/Link" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" 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: "My membership cards" })}

{membershipCards && membershipCards.length > 0 && membershipCards.map((card, idx) => (

{intl.formatMessage( { id: "Name: {cardMembershipType}" }, { cardMembershipType: card.membershipType, } )} {intl.formatMessage( { id: "Current Points: {points, number}" }, { points: card.currentPoints } )} {intl.formatMessage( { id: "Member Since: {value}" }, { value: card.memberSince, } )} {intl.formatMessage( { id: "Number: {membershipNumber}" }, { membershipNumber: card.membershipNumber, } )} {intl.formatMessage( { id: "Expiration Date: {expirationDate}" }, { expirationDate: card.expirationDate.split("T")[0], } )}

))} {intl.formatMessage({ id: "Add new card" })}

) }