Merged in feat/SW-1589-implement-booking-code-enter (pull request #1368)

Feat/SW-1589 implement booking code enter

* feat: SW-1589 Booking code rate implementation

* feat: SW-1589 Optimized price display

* feat: SW-1589 Display standard price

* feat: SW-1589 Fixed rate title issue


Approved-by: Niclas Edenvin

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/index.tsx

@@ -5,6 +5,7 @@ import { useIntl } from "react-intl"
 
 import { dt } from "@/lib/dt"
 
+import { PriceTagIcon } from "@/components/Icons"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import useLang from "@/hooks/useLang"
@@ -75,6 +76,7 @@ interface PriceDetailsTableProps {
   }[]
   totalPrice: Price
   vat: number
+  bookingCode?: string
 }
 
 export default function PriceDetailsTable({
@@ -83,6 +85,7 @@ export default function PriceDetailsTable({
   rooms,
   totalPrice,
   vat,
+  bookingCode,
 }: PriceDetailsTableProps) {
   const intl = useIntl()
   const lang = useLang()
@@ -229,6 +232,29 @@ export default function PriceDetailsTable({
             </Body>
           </td>
         </tr>
+        {totalPrice.local.regularPrice && (
+          <tr className={styles.row}>
+            <td></td>
+            <td className={styles.price}>
+              <Caption color="uiTextMediumContrast" striked={true}>
+                {formatPrice(
+                  intl,
+                  totalPrice.local.regularPrice,
+                  totalPrice.local.currency
+                )}
+              </Caption>
+            </td>
+          </tr>
+        )}
+        {bookingCode && totalPrice.local.regularPrice && (
+          <tr className={styles.row}>
+            <td>
+              <PriceTagIcon />
+              {bookingCode}
+            </td>
+            <td></td>
+          </tr>
+        )}
       </TableSection>
     </table>
   )