import { useIntl } from "react-intl" import { DiamondIcon, EditIcon } from "@/components/Icons" import MembershipLevelIcon from "@/components/Levels/Icon" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import styles from "./room.module.css" import type { BookingConfirmation } from "@/types/trpc/routers/booking/confirmation" import type { User } from "@/types/user" export default function GuestDetails({ user, booking, isMobile = false, }: { user: User | null booking: BookingConfirmation["booking"] isMobile?: boolean }) { const intl = useIntl() const containerClass = isMobile ? styles.guestDetailsMobile : styles.guestDetailsDesktop return (
{user?.membership && (
{intl.formatMessage({ id: "Your member tier" })}
{isMobile && (
)} {intl.formatMessage({ id: "Total points" })} {user.membership.currentPoints}
)}
{booking.guest.firstName} {booking.guest.lastName} {user?.membership && ( {intl.formatMessage({ id: "Member no." })}{" "} {user.membership.membershipNumber} )} {booking.guest.email} {booking.guest.phoneNumber}
) }