scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-343): rename button and useSearchParams

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-06 08:55:46 +01:00
parent 399c23ea02
commit 32a5b8f3aa
4 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx
View File

@@ -9,7 +9,7 @@ import {
} from "@/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/utils" } from "@/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/utils"
import HotelCardListing from "@/components/HotelReservation/HotelCardListing" import HotelCardListing from "@/components/HotelReservation/HotelCardListing"
import HotelFilter from "@/components/HotelReservation/SelectHotel/HotelFilter" import HotelFilter from "@/components/HotelReservation/SelectHotel/HotelFilter"
import MobileButtonContainer from "@/components/HotelReservation/SelectHotel/MobileButtonContainer" import MobileMapButtonContainer from "@/components/HotelReservation/SelectHotel/MobileMapButtonContainer"
import { import {
generateChildrenString, generateChildrenString,
getHotelReservationQueryParams, getHotelReservationQueryParams,
@@ -84,7 +84,7 @@ export default async function SelectHotelPage({
<ChevronRightIcon color="burgundy" /> <ChevronRightIcon color="burgundy" />
</Link> </Link>
</div> </div>
<MobileButtonContainer city={searchParams.city} /> <MobileMapButtonContainer city={searchParams.city} />
<HotelFilter filters={filterList} /> <HotelFilter filters={filterList} />
</section> </section>
<HotelCardListing hotelData={hotels} /> <HotelCardListing hotelData={hotels} />

4
components/HotelReservation/SelectHotel/MobileButtonContainer/index.tsx → components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx
View File

@@ -9,9 +9,9 @@ import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link" import Link from "@/components/TempDesignSystem/Link"
import useLang from "@/hooks/useLang" import useLang from "@/hooks/useLang"
import styles from "./mobileButtonContainer.module.css" import styles from "./mobileMapButtonContainer.module.css"
export default function MobileButtonContainer({ city }: { city: string }) { export default function MobileMapButtonContainer({ city }: { city: string }) {
const intl = useIntl() const intl = useIntl()
const lang = useLang() const lang = useLang()

0
components/HotelReservation/SelectHotel/MobileButtonContainer/mobileButtonContainer.module.css → components/HotelReservation/SelectHotel/MobileMapButtonContainer/mobileMapButtonContainer.module.css
View File

7
components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx
View File

@@ -1,6 +1,6 @@
"use client" "use client"
import { APIProvider } from "@vis.gl/react-google-maps" import { APIProvider } from "@vis.gl/react-google-maps"
import { useRouter } from "next/navigation" import { useRouter, useSearchParams } from "next/navigation"
import { useState } from "react" import { useState } from "react"
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
@@ -24,6 +24,7 @@ export default function SelectHotelMap({
mapId, mapId,
isModal, isModal,
}: SelectHotelMapProps) { }: SelectHotelMapProps) {
const searchParams = useSearchParams()
const router = useRouter() const router = useRouter()
const lang = useLang() const lang = useLang()
const intl = useIntl() const intl = useIntl()
@@ -34,9 +35,7 @@ export default function SelectHotelMap({
} }
function handlePageRedirect() { function handlePageRedirect() {
router.push( router.push(`${selectHotel[lang]}?${searchParams.toString()}`)
`${selectHotel[lang]}?${new URLSearchParams(window.location.search)}`
)
} }
const closeButton = ( const closeButton = (