Merged in LOY-293-earn-burn-table-headings (pull request #2553)

fix(LOY-293): update earn and burn table column headings

* fix(LOY-293): update earn and burn table column headings


Approved-by: Matilda Landström
This commit is contained in:
Chuma Mcphoy (We Ahead)
2025-07-11 12:20:48 +00:00
parent 7a8a5cdb76
commit a7689405da
2 changed files with 11 additions and 7 deletions

View File

@@ -2,7 +2,7 @@
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import Body from "@scandic-hotels/design-system/Body" import { Typography } from "@scandic-hotels/design-system/Typography"
import Table from "@/components/TempDesignSystem/Table" import Table from "@/components/TempDesignSystem/Table"
@@ -20,13 +20,13 @@ export default function ClientTable({ transactions }: ClientTableProps) {
defaultMessage: "Points", defaultMessage: "Points",
}), }),
intl.formatMessage({ intl.formatMessage({
defaultMessage: "Description", defaultMessage: "Stay description",
}), }),
intl.formatMessage({ intl.formatMessage({
defaultMessage: "Booking number", defaultMessage: "Booking number / Reference",
}), }),
intl.formatMessage({ intl.formatMessage({
defaultMessage: "Arrival date", defaultMessage: "Date",
}), }),
] ]
@@ -37,7 +37,9 @@ export default function ClientTable({ transactions }: ClientTableProps) {
<Table.TR> <Table.TR>
{tableHeadings.map((heading) => ( {tableHeadings.map((heading) => (
<Table.TH key={heading}> <Table.TH key={heading}>
<Body textTransform="bold">{heading}</Body> <Typography variant="Body/Paragraph/mdBold">
<p>{heading}</p>
</Typography>
</Table.TH> </Table.TH>
))} ))}
</Table.TR> </Table.TR>

View File

@@ -3,7 +3,7 @@
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import { dt } from "@scandic-hotels/common/dt" import { dt } from "@scandic-hotels/common/dt"
import Body from "@scandic-hotels/design-system/Body" import { Typography } from "@scandic-hotels/design-system/Typography"
import Table from "@/components/TempDesignSystem/Table" import Table from "@/components/TempDesignSystem/Table"
import useLang from "@/hooks/useLang" import useLang from "@/hooks/useLang"
@@ -36,7 +36,9 @@ export default function ExpiringPointsTable({
<Table.TR> <Table.TR>
{tableHeadings.map((heading) => ( {tableHeadings.map((heading) => (
<Table.TH key={heading}> <Table.TH key={heading}>
<Body textTransform="bold">{heading}</Body> <Typography variant="Body/Paragraph/mdBold">
<p>{heading}</p>
</Typography>
</Table.TH> </Table.TH>
))} ))}
</Table.TR> </Table.TR>