feat: make steps of enter details flow dynamic depending on data
This commit is contained in:
committed by
Joakim Jäderberg
parent
d49e301634
commit
c6fc500d9e
30
providers/DetailsProvider.tsx
Normal file
30
providers/DetailsProvider.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
"use client"
|
||||
import { useSearchParams } from "next/navigation"
|
||||
import { useRef } from "react"
|
||||
|
||||
import { createDetailsStore } from "@/stores/details"
|
||||
|
||||
import { getQueryParamsForEnterDetails } from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
|
||||
import { DetailsContext } from "@/contexts/Details"
|
||||
|
||||
import type { DetailsStore } from "@/types/contexts/details"
|
||||
import type { DetailsProviderProps } from "@/types/providers/details"
|
||||
|
||||
export default function DetailsProvider({
|
||||
children,
|
||||
isMember,
|
||||
}: DetailsProviderProps) {
|
||||
const storeRef = useRef<DetailsStore>()
|
||||
const searchParams = useSearchParams()
|
||||
|
||||
if (!storeRef.current) {
|
||||
const booking = getQueryParamsForEnterDetails(searchParams)
|
||||
storeRef.current = createDetailsStore({ booking }, isMember)
|
||||
}
|
||||
|
||||
return (
|
||||
<DetailsContext.Provider value={storeRef.current}>
|
||||
{children}
|
||||
</DetailsContext.Provider>
|
||||
)
|
||||
}
|
||||
53
providers/StepsProvider.tsx
Normal file
53
providers/StepsProvider.tsx
Normal file
@@ -0,0 +1,53 @@
|
||||
"use client"
|
||||
import { useRef } from "react"
|
||||
|
||||
import { useDetailsStore } from "@/stores/details"
|
||||
import { createStepsStore } from "@/stores/steps"
|
||||
|
||||
import { StepsContext } from "@/contexts/Steps"
|
||||
|
||||
import type { StepsStore } from "@/types/contexts/steps"
|
||||
import type { StepsProviderProps } from "@/types/providers/steps"
|
||||
|
||||
export default function StepsProvider({
|
||||
bedTypes,
|
||||
breakfastPackages,
|
||||
children,
|
||||
isMember,
|
||||
step,
|
||||
}: StepsProviderProps) {
|
||||
const storeRef = useRef<StepsStore>()
|
||||
const updateBedType = useDetailsStore((state) => state.actions.updateBedType)
|
||||
const updateBreakfast = useDetailsStore(
|
||||
(state) => state.actions.updateBreakfast
|
||||
)
|
||||
|
||||
if (!storeRef.current) {
|
||||
const noBedChoices = bedTypes.length === 1
|
||||
const noBreakfast = !breakfastPackages?.length
|
||||
|
||||
if (noBedChoices) {
|
||||
updateBedType({
|
||||
description: bedTypes[0].description,
|
||||
roomTypeCode: bedTypes[0].value,
|
||||
})
|
||||
}
|
||||
|
||||
if (noBreakfast) {
|
||||
updateBreakfast(false)
|
||||
}
|
||||
|
||||
storeRef.current = createStepsStore(
|
||||
step,
|
||||
isMember,
|
||||
noBedChoices,
|
||||
noBreakfast
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<StepsContext.Provider value={storeRef.current}>
|
||||
{children}
|
||||
</StepsContext.Provider>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user