Merged in chore/add-formatjs-linting-to-booking-flow (pull request #2761)

chore: Add formatjs linting to booking-flow

* Add formatjs linting to booking-flow

* Fix lock file


Approved-by: Joakim Jäderberg

packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/index.tsx

@@ -101,14 +101,13 @@ export default function SummaryContent({
             <MaterialIcon icon="arrow_forward" size={15} color="CurrentColor" />
             {dt(input.data?.booking.toDate)
               .locale(lang)
-              .format(longDateFormat[lang])}{" "}
-            ({nightsLabel})
+              .format(longDateFormat[lang])}
+            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+            {` (${nightsLabel})`}
           </p>
         </Typography>
       </header>
-
       <Divider color="Border/Divider/Subtle" />
-
       {selectedRates.rates.map((room, idx) => {
         if (!room) {
           return null
@@ -131,7 +130,6 @@ export default function SummaryContent({
           />
         )
       })}
-
       <div>
         <div className={styles.entry}>
           <div>

packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/index.tsx

@@ -12,6 +12,7 @@ import styles from "./rateSummary.module.css"
 
 export function RateSummary() {
   return (
+    // eslint-disable-next-line formatjs/no-literal-string-in-jsx
     <ErrorBoundary fallback={<div>Unable to render summary</div>}>
       <InnerRateSummary />
     </ErrorBoundary>
@@ -59,6 +60,7 @@ function InnerRateSummary() {
     >
       <div className={styles.summary}>
         <div className={styles.content}>
+          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
           <ErrorBoundary fallback={<div>Unable to render desktop summary</div>}>
             <DesktopSummary
               isSubmitting={isSubmitting}
@@ -69,6 +71,7 @@ function InnerRateSummary() {
           </ErrorBoundary>
         </div>
         <div className={styles.mobileSummary}>
+          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
           <ErrorBoundary fallback={<div>Unable to render mobile summary</div>}>
             <MobileSummary />
           </ErrorBoundary>

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/index.tsx

@@ -14,6 +14,7 @@ import styles from "./roomsHeader.module.css"
 
 export function RoomsHeader({ roomIndex }: { roomIndex: number }) {
   return (
+    // eslint-disable-next-line formatjs/no-literal-string-in-jsx
     <ErrorBoundary fallback={<div>Unable to render rooms header</div>}>
       <InnerRoomsHeader roomIndex={roomIndex} />
     </ErrorBoundary>

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Details/RoomSize.tsx

@@ -23,6 +23,7 @@ export default function RoomSize({ roomSize }: RoomSizeProps) {
     return (
       <>
         <Typography variant="Body/Supporting text (caption)/smBold">
+          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
           <p>∙</p>
         </Typography>
         <Typography variant="Body/Supporting text (caption)/smBold">
@@ -41,6 +42,7 @@ export default function RoomSize({ roomSize }: RoomSizeProps) {
   return (
     <>
       <Typography variant="Body/Supporting text (caption)/smBold">
+        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
         <p>∙</p>
       </Typography>
       <Typography variant="Body/Supporting text (caption)/smBold">