import { useIntl } from "react-intl" import { dt } from "@/lib/dt" import AwardPoints from "@/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Desktop/Row/AwardPoints" import Body from "@/components/TempDesignSystem/Text/Body" import { getLang } from "@/i18n/serverContext" import styles from "./mobile.module.css" import type { TableProps } from "@/types/components/myPages/myPage/earnAndBurn" export default function MobileTable({ transactions }: TableProps) { const intl = useIntl() return (
{transactions.length ? ( transactions.map((transaction, idx) => ( )) ) : ( )}
{intl.formatMessage({ id: "Transactions" })} {intl.formatMessage({ id: "Points" })}
{dt(transaction.checkinDate) .locale(getLang()) .format("DD MMM YYYY")} {transaction.hotelName && transaction.city ? ( {`${transaction.hotelName}, ${transaction.city}`} ) : null} {`${transaction.nights} ${intl.formatMessage({ id: transaction.nights === 1 ? "night" : "nights" })}`}
{intl.formatMessage({ id: "There are no transactions to display", })}
) }