feat(SW-706): make eslint rule 'formatjs/no-literal-string-in-jsx' pass

apps/scandic-web/components/OpeningHours/AlternateOpeningHours/index.tsx

@@ -36,7 +36,9 @@ export default async function AlternateOpeningHours({
       <Typography variant="Body/Paragraph/mdBold">
         <h5 className={styles.heading}>
           {intl.formatMessage(
-            { id: "Alternate opening hours ({name})" },
+            {
+              defaultMessage: "Alternate opening hours ({name})",
+            },
             { name: alternateOpeningHours.name }
           )}
         </h5>

apps/scandic-web/components/OpeningHours/utils.ts

@@ -6,38 +6,56 @@ export function getGroupedOpeningHours(
   openingHours: RestaurantOpeningHours,
   intl: IntlShape
 ): string[] {
-  const closedMsg = intl.formatMessage({ id: "Closed" })
-  const alwaysOpenMsg = intl.formatMessage({ id: "Always open" })
+  const closedMsg = intl.formatMessage({
+    defaultMessage: "Closed",
+  })
+  const alwaysOpenMsg = intl.formatMessage({
+    defaultMessage: "Always open",
+  })
 
   // In order
   const weekdayDefinitions = [
     {
       key: "monday",
-      label: intl.formatMessage({ id: "Monday" }),
+      label: intl.formatMessage({
+        defaultMessage: "Monday",
+      }),
     },
     {
       key: "tuesday",
-      label: intl.formatMessage({ id: "Tuesday" }),
+      label: intl.formatMessage({
+        defaultMessage: "Tuesday",
+      }),
     },
     {
       key: "wednesday",
-      label: intl.formatMessage({ id: "Wednesday" }),
+      label: intl.formatMessage({
+        defaultMessage: "Wednesday",
+      }),
     },
     {
       key: "thursday",
-      label: intl.formatMessage({ id: "Thursday" }),
+      label: intl.formatMessage({
+        defaultMessage: "Thursday",
+      }),
     },
     {
       key: "friday",
-      label: intl.formatMessage({ id: "Friday" }),
+      label: intl.formatMessage({
+        defaultMessage: "Friday",
+      }),
     },
     {
       key: "saturday",
-      label: intl.formatMessage({ id: "Saturday" }),
+      label: intl.formatMessage({
+        defaultMessage: "Saturday",
+      }),
     },
     {
       key: "sunday",
-      label: intl.formatMessage({ id: "Sunday" }),
+      label: intl.formatMessage({
+        defaultMessage: "Sunday",
+      }),
     },
   ] as const