"use client" import { useRouter } from "next/navigation" 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 useLang from "@/hooks/useLang" 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 lang = useLang() const router = useRouter() const containerClass = isMobile ? styles.guestDetailsMobile : styles.guestDetailsDesktop const isMemberBooking = booking.guest.membershipNumber === user?.membership?.membershipNumber function handleModifyGuestDetails() { if (isMemberBooking) { const expirationTime = Date.now() + 10 * 60 * 1000 localStorage.setItem( "myStayReturnRoute", JSON.stringify({ path: window.location.pathname, expiry: expirationTime, }) ) router.push(`/${lang}/scandic-friends/my-pages/profile/edit`) } else { console.log("not a member booking") // TODO: Implement non-member booking } } return (
{isMemberBooking && (
{intl.formatMessage({ id: "Your member tier" })}
{isMobile && (
)} {intl.formatMessage({ id: "Total points" })} {user.membership!.currentPoints}
)}
{booking.guest.firstName} {booking.guest.lastName} {isMemberBooking && ( {intl.formatMessage({ id: "Member no." })}{" "} {user.membership!.membershipNumber} )} {booking.guest.email} {booking.guest.phoneNumber}
) }