import { dt } from "@/lib/dt" import Body from "@/components/TempDesignSystem/Text/Body" import { getIntl } from "@/i18n" import styles from "./mobile.module.css" import type { TableProps } from "@/types/components/myPages/myPage/earnAndBurn" export default async function MobileTable({ lang, transactions }: TableProps) { const { formatMessage } = await getIntl() return (
{transactions.length ? ( transactions.map((transaction) => ( )) ) : ( )}
{formatMessage({ id: "Transactions" })} {formatMessage({ id: "Points" })}
{dt(transaction.checkinDate) .locale(lang) .format("DD MMM YYYY")} {transaction.hotelName && transaction.city ? ( {`${transaction.hotelName}, ${transaction.city}`} ) : null} {`${transaction.nights} ${formatMessage({ id: transaction.nights === 1 ? "night" : "nights" })}`} {`${transaction.awardPoints} P`}
{formatMessage({ id: "Empty" })}
) }