fix: unite all price details modals to one and align on ui

2025-04-15 15:04:11 +02:00
parent 8152aea649
commit 1f94c581ae
54 changed files with 1926 additions and 746 deletions
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
@@ -21,7 +21,7 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import useLang from "@/hooks/useLang"
 import { formatPrice } from "@/utils/numberFormatting"

-import PriceDetailsTable from "./PriceDetailsTable"
+import { mapToPrice } from "./mapToPrice"

 import styles from "./ui.module.css"

@@ -95,6 +95,8 @@ export default function SummaryUI({
    ? totalPrice.requested.currency === totalPrice.local.currency
    : false

+  const priceDetailsRooms = mapToPrice(rooms, isMember)
+
  return (
    <section className={styles.summary}>
      <header className={styles.header}>
@@ -440,17 +442,14 @@ export default function SummaryUI({
                { b: (str) => <b>{str}</b> }
              )}
            </Body>
-            <PriceDetailsModal>
-              <PriceDetailsTable
-                bookingCode={booking.bookingCode}
-                fromDate={booking.fromDate}
-                isMember={isMember}
-                rooms={rooms.map((r) => r.room)}
-                toDate={booking.toDate}
-                totalPrice={totalPrice}
-                vat={vat}
-              />
-            </PriceDetailsModal>
+            <PriceDetailsModal
+              bookingCode={booking.bookingCode}
+              fromDate={booking.fromDate}
+              rooms={priceDetailsRooms}
+              toDate={booking.toDate}
+              totalPrice={totalPrice}
+              vat={vat}
+            />
          </div>
          <div>
            <Body textTransform="bold" data-testid="total-price">