Merged in fix/STAY-133 (pull request #3313)

Fix/STAY-133 * fix: Add static summary buttons row on add ancillary flow * fix: refactor handling of modals * fix: refactor file structure for add ancillary flow * Merged in chore/replace-deprecated-body (pull request #3300) Replace deprecated <Body> with <Typography> * chore: replace deprecated body component * refactor: replace Body component with Typography across various components * merge Approved-by: Bianca Widstam Approved-by: Matilda Landström Approved-by: Bianca Widstam Approved-by: Matilda Landström
2025-12-11 07:29:36 +00:00
parent 5bcbc23732
commit cd8b30f2ec
35 changed files with 208 additions and 214 deletions
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/Mobile/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/Mobile/index.tsx
@@ -0,0 +1,33 @@
+import {
+  AncillaryStepEnum,
+  useAddAncillaryStore,
+} from "@/stores/my-stay/add-ancillary-flow"
+
+import ConfirmationStep from "../ConfirmationStep"
+import DeliveryMethodStep from "../DeliveryDetailsStep"
+import SelectQuantityStep from "../SelectQuantityStep"
+
+import type { StepsProps } from "@/types/components/myPages/myStay/ancillaries"
+
+export default function Mobile({ user, savedCreditCards, error }: StepsProps) {
+  const { currentStep, selectedAncillary } = useAddAncillaryStore((state) => ({
+    currentStep: state.currentStep,
+    selectedAncillary: state.selectedAncillary,
+  }))
+
+  if (currentStep === AncillaryStepEnum.selectQuantity) {
+    return (
+      <>
+        <SelectQuantityStep user={user} />
+        {selectedAncillary?.requiresDeliveryTime && <DeliveryMethodStep />}
+      </>
+    )
+  }
+  return (
+    <ConfirmationStep
+      savedCreditCards={savedCreditCards}
+      user={user}
+      error={error}
+    />
+  )
+}