Merged in feat(SW-1279)-mystay-multirum-cancelling (pull request #1443)

Feat(SW-1279) mystay multirum cancelling

* feat(SW-1279) Cancelation text if non-user on room 2-4

* feat(SW-1279) cancel mystay multiroom

* feat(SW-1279): Added cancellation for multiroom on mystay


Approved-by: Niclas Edenvin

apps/scandic-web/components/HotelReservation/MyStay/CancelStay/FinalConfirmation/index.tsx

@@ -1,21 +1,12 @@
 import { useIntl } from "react-intl"
 
 import Body from "@/components/TempDesignSystem/Text/Body"
-import Caption from "@/components/TempDesignSystem/Text/Caption"
-import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+
+import PriceContainer from "../Pricecontainer"
 
 import styles from "../cancelStay.module.css"
 
-import type { BookingConfirmation } from "@/types/trpc/routers/booking/confirmation"
-
-interface FinalConfirmationProps {
-  booking: BookingConfirmation["booking"]
-  stayDetails: {
-    nightsText: string
-    adultsText: string
-    childrenText: string
-  }
-}
+import type { FinalConfirmationProps } from "@/types/components/hotelReservation/myStay/cancelStay"
 
 export function FinalConfirmation({
   booking,
@@ -32,24 +23,7 @@ export function FinalConfirmation({
           })}
         </Body>
       </div>
-      <div className={styles.priceContainer}>
-        <div className={styles.info}>
-          <Caption color="uiTextHighContrast" type="bold">
-            {intl.formatMessage({ id: "Cancellation cost" })}
-          </Caption>
-          <Caption color="uiTextHighContrast">
-            {stayDetails.nightsText}, {stayDetails.adultsText}
-            {booking.childrenAges?.length > 0
-              ? `, ${stayDetails.childrenText}`
-              : ""}
-          </Caption>
-        </div>
-        <div className={styles.price}>
-          <Subtitle color="burgundy" type="one">
-            0 {booking.currencyCode}
-          </Subtitle>
-        </div>
-      </div>
+      <PriceContainer booking={booking} stayDetails={stayDetails} />
     </>
   )
 }