Merged in feat(SW-1274)-modify-date-my-stay (pull request #1528)

Feat(SW-1274) modify date my stay

* feat(SW-1676): Modify guest details step 1

* feat(SW-1676) Integration to api to update guest details

* feat(SW-1676) Reuse of old modal

* feat(SW-1676) updated modify guest

* feat(SW-1676) cleanup

* feat(SW-1274) modify stay modal and datepicker

* feat(SW-1274) DatePicker from modify dates

* feat(SW-1274) Modify dates fixes and merge conflicts

* feat(SW-1274) handle modify for multiroom

* feat(SW-1274) update manage stay

* feat(SW-1274) fixed some comments

* feat(SW-1274) use Modal instead

* feat(SW-1274) fixed formatChildBedPreferences

* feat(SW-1274) removed any as prop

* feat(SW-1274) fix rebase conflicts

* feat(SW-1274) fix flicker on modify modal

* feat(SW-1274) CalendarButton

* feat(SW-1274) fixed gap variable

* feat(SW-1274) simplified code

* feat(SW-1274) Split up DatePicker on mode

* feat(SW-1274) Updated file structure for datepicker


Approved-by: Arvid Norlin

apps/scandic-web/components/HotelReservation/MyStay/ManageStay/ActionPanel/index.tsx

@@ -1,5 +1,8 @@
+"use client"
+
 import { useIntl } from "react-intl"
 
+import { BookingStatusEnum } from "@/constants/booking"
 import { customerService } from "@/constants/currentWebHrefs"
 
 import AddToCalendar from "@/components/HotelReservation/AddToCalendar"
@@ -18,6 +21,7 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import useLang from "@/hooks/useLang"
 
+import { useManageStayStore } from "../../stores/manageStayStore"
 import AddToCalendarButton from "./Actions/AddToCalendarButton"
 
 import styles from "./actionPanel.module.css"
@@ -30,7 +34,7 @@ import type { BookingConfirmation } from "@/types/trpc/routers/booking/confirmat
 interface ActionPanelProps {
   booking: BookingConfirmation["booking"]
   hotel: Hotel
-  showCancelStayButton: boolean
+  bookingStatus: string | null
   showGuaranteeButton: boolean
   onCancelClick: () => void
   onGuaranteeClick: () => void
@@ -39,13 +43,18 @@ interface ActionPanelProps {
 export default function ActionPanel({
   booking,
   hotel,
-  showCancelStayButton,
+  bookingStatus,
   showGuaranteeButton,
-  onCancelClick,
   onGuaranteeClick,
 }: ActionPanelProps) {
   const intl = useIntl()
   const lang = useLang()
+  const {
+    actions: { setActiveView },
+  } = useManageStayStore()
+
+  const showCancelStayButton =
+    bookingStatus !== BookingStatusEnum.Cancelled && booking.isCancelable
 
   const event: EventAttributes = {
     busyStatus: "FREE",
@@ -71,7 +80,7 @@ export default function ActionPanel({
       <div className={styles.menu}>
         <Button
           variant="icon"
-          onClick={() => {}}
+          onClick={() => setActiveView("modifyStay")}
           intent="text"
           className={styles.button}
         >
@@ -107,7 +116,7 @@ export default function ActionPanel({
         {showCancelStayButton && (
           <Button
             variant="icon"
-            onClick={onCancelClick}
+            onClick={() => setActiveView("cancelStay")}
             intent="text"
             className={styles.button}
           >