import { useIntl } from "react-intl" import Body from "@/components/TempDesignSystem/Text/Body" import Row from "./Row" import styles from "./desktop.module.css" import type { TableProps } from "@/types/components/myPages/myPage/earnAndBurn" const tableHeadings = [ "Arrival date", "Description", "Booking number", "Transaction date", "Points", ] export default function DesktopTable({ transactions }: TableProps) { const intl = useIntl() return (
{transactions.length ? (
{tableHeadings.map((heading) => ( ))} {transactions.map((transaction, idx) => ( ))}
{intl.formatMessage({ id: heading })}
) : ( {tableHeadings.map((heading) => ( ))}
{heading}
{intl.formatMessage({ id: "No transactions available" })}
)}
) }