Merged in feat/SW-1719-strikethrough-rates (pull request #2266)

Feat/SW-1719 strikethrough rates

* feat(SW-1719): Strikethrough rate if logged in on regular rate cards

* feat(SW-1719): Strikethrough rate if logged in on rate summary

* feat(SW-1719): Strikethrough rate if logged in on mobile rate summary

* feat(SW-1719): Strikethrough rate if logged in on enter details

* feat(SW-1719): Strikethrough rate support for multiple rooms

* feat(SW-1719): booking receipt fixes on confirmation page

* feat(SW-1719): improve initial total price calculation

* feat: harmonize enter details total price to use one and the same function


Approved-by: Michael Zetterberg

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Bold.tsx

@@ -1,3 +1,5 @@
+import { cx } from "class-variance-authority"
+
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import styles from "./row.module.css"
@@ -5,9 +7,16 @@ import styles from "./row.module.css"
 interface RowProps {
   label: string
   value: string
+  regularValue?: string
+  isDiscounted?: boolean
 }
 
-export default function BoldRow({ label, value }: RowProps) {
+export default function BoldRow({
+  label,
+  value,
+  regularValue,
+  isDiscounted = false,
+}: RowProps) {
   return (
     <tr className={styles.row}>
       <td>
@@ -16,8 +25,15 @@ export default function BoldRow({ label, value }: RowProps) {
         </Typography>
       </td>
       <td className={styles.price}>
+        {isDiscounted && regularValue ? (
+          <Typography variant="Body/Supporting text (caption)/smRegular">
+            <s className={styles.strikeThroughRate}>{regularValue}</s>
+          </Typography>
+        ) : null}
         <Typography variant="Body/Supporting text (caption)/smBold">
-          <span>{value}</span>
+          <span className={cx({ [styles.discounted]: isDiscounted })}>
+            {value}
+          </span>
         </Typography>
       </td>
     </tr>