feat(SW-885): ancillary and book next stay

components/HotelReservation/BookingConfirmation/Promos/index.tsx

@@ -1,16 +1,32 @@
 "use client"
 import { useIntl } from "react-intl"
 
+import { homeHrefs } from "@/constants/homeHrefs"
+import { myBooking } from "@/constants/myBooking"
+import { env } from "@/env/client"
+
+import useLang from "@/hooks/useLang"
+
 import Promo from "./Promo"
 
 import styles from "./promos.module.css"
 
-export default function Promos() {
+import type { PromosProps } from "@/types/components/hotelReservation/bookingConfirmation/promos"
+
+export default function Promos({
+  confirmationNumber,
+  hotelId,
+  lastName,
+}: PromosProps) {
   const intl = useIntl()
+  const lang = useLang()
+  const homeUrl = homeHrefs[env.NEXT_PUBLIC_NODE_ENV][lang]
+  const myBookingUrl = myBooking[env.NEXT_PUBLIC_NODE_ENV][lang]
   return (
     <div className={styles.promos}>
       <Promo
         buttonText={intl.formatMessage({ id: "View and buy add-ons" })}
+        href={`${myBookingUrl}?bookingId=${confirmationNumber}&lastName=${lastName}`}
         text={intl.formatMessage({
           id: "Discover the little extra touches to make your upcoming stay even more unforgettable.",
         })}
@@ -18,6 +34,7 @@ export default function Promos() {
       />
       <Promo
         buttonText={intl.formatMessage({ id: "Book another stay" })}
+        href={`${homeUrl}?hotel=${hotelId}`}
         text={intl.formatMessage({
           id: "Get inspired and start dreaming beyond your next trip. Explore more Scandic destinations.",
         })}