scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove destructuring of intl.formatMessage

Browse Source
This commit is contained in:
Arvid Norlin
2024-08-14 09:39:26 +02:00
parent 6f293be3a7
commit 6c15f1ae3a
3 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/MyPages/Blocks/Points/EarnAndBurn/TransactionTable/Desktop/Row/index.tsx
View File

@@ -13,11 +13,11 @@ import styles from "./row.module.css"
import type { RowProps } from "@/types/components/myPages/myPage/earnAndBurn"
export default function Row({ transaction }: RowProps) {
const { formatMessage } = useIntl()
const intl = useIntl()
const description =
transaction.hotelName && transaction.city
? `${transaction.hotelName}, ${transaction.city} ${transaction.nights} ${formatMessage({ id: "nights" })}`
: `${transaction.nights} ${formatMessage({ id: "nights" })}`
? `${transaction.hotelName}, ${transaction.city} ${transaction.nights} ${intl.formatMessage({ id: "nights" })}`
: `${transaction.nights} ${intl.formatMessage({ id: "nights" })}`
const arrival = dt(transaction.checkinDate)
.locale(getLang())
.format("DD MMM YYYY")

9
components/MyPages/Blocks/Points/EarnAndBurn/TransactionTable/Desktop/index.tsx
View File

@@ -1,6 +1,5 @@
"use client"
import { useIntl } from "react-intl"
import { ChevronDownIcon } from "@/components/Icons"
@@ -25,7 +24,7 @@ export default function DesktopTable({
showMore,
hasMore,
}: TablePropsPagination) {
const { formatMessage } = useIntl()
const intl = useIntl()
return (
<div className={styles.container}>
@@ -37,7 +36,7 @@ export default function DesktopTable({
{tableHeadings.map((heading) => (
<th key={heading} className={styles.th}>
<Body textTransform="bold">
{formatMessage({ id: heading })}
{intl.formatMessage({ id: heading })}
</Body>
</th>
))}
@@ -61,7 +60,7 @@ export default function DesktopTable({
}}
>
<ChevronDownIcon color="burgundy" height={24} width={24} />
{formatMessage({ id: "Show more" })}
{intl.formatMessage({ id: "Show more" })}
</button>
</div>
) : null}
@@ -80,7 +79,7 @@ export default function DesktopTable({
<tbody>
<tr>
<td colSpan={tableHeadings.length} className={styles.placeholder}>
{formatMessage({ id: "No transactions available" })}
{intl.formatMessage({ id: "No transactions available" })}
</td>
</tr>
</tbody>

16
components/MyPages/Blocks/Points/EarnAndBurn/TransactionTable/Mobile/index.tsx
View File

@@ -18,7 +18,7 @@ export default function MobileTable({
showMore,
hasMore,
}: TablePropsPagination) {
const { formatMessage } = useIntl()
const intl = useIntl()
return (
<div className={styles.container}>
@@ -27,11 +27,13 @@ export default function MobileTable({
<tr>
<Body asChild>
<th className={styles.th}>
{formatMessage({ id: "Transactions" })}
{intl.formatMessage({ id: "Transactions" })}
</th>
</Body>
<Body asChild>
<th className={styles.th}>{formatMessage({ id: "Points" })}</th>
<th className={styles.th}>
{intl.formatMessage({ id: "Points" })}
</th>
</Body>
</tr>
</thead>
@@ -52,7 +54,7 @@ export default function MobileTable({
<span>{`${transaction.hotelName}, ${transaction.city}`}</span>
) : null}
<span>
{`${transaction.nights} ${formatMessage({ id: transaction.nights === 1 ? "night" : "nights" })}`}
{`${transaction.nights} ${intl.formatMessage({ id: transaction.nights === 1 ? "night" : "nights" })}`}
</span>
</td>
<AwardPoints awardPoints={transaction.awardPoints} />
@@ -61,7 +63,9 @@ export default function MobileTable({
) : (
<tr>
<td className={styles.placeholder} colSpan={2}>
{formatMessage({ id: "There are no transactions to display" })}
{intl.formatMessage({
id: "There are no transactions to display",
})}
</td>
</tr>
)}
@@ -76,7 +80,7 @@ export default function MobileTable({
}}
>
<ChevronDownIcon height={24} width={24} />
{formatMessage({ id: "Show more" })}
{intl.formatMessage({ id: "Show more" })}
</button>
) : null}
</div>