feat(SW-340): Fixed Map Link in desktop

This commit is contained in:
Pontus Dreij
2024-11-10 10:03:10 +01:00
parent 9186c0cbd1
commit 2d5d8a5ec9
2 changed files with 34 additions and 22 deletions

View File

@@ -62,9 +62,14 @@ export default async function SelectHotelPage({
return (
<main className={styles.main}>
<section className={styles.section}>
<div className={styles.mapContainer}>
<Link href={selectHotelMap[params.lang]} keepSearchParams>
<div className={styles.sideBar}>
<Link
className={styles.link}
color="burgundy"
href={selectHotelMap[params.lang]}
keepSearchParams
>
<div className={styles.mapContainer}>
<StaticMap
city={searchParams.city}
width={340}
@@ -73,20 +78,15 @@ export default async function SelectHotelPage({
mapType="roadmap"
altText={`Map of ${searchParams.city} city center`}
/>
</Link>
<Link
className={styles.link}
color="burgundy"
href={selectHotelMap[params.lang]}
keepSearchParams
>
{intl.formatMessage({ id: "Show map" })}
<ChevronRightIcon color="burgundy" height={20} width={20} />
</Link>
</div>
<div className={styles.mapLinkText}>
{intl.formatMessage({ id: "Show map" })}
<ChevronRightIcon color="burgundy" />
</div>
</div>
</Link>
<MobileMapButtonContainer city={searchParams.city} />
<HotelFilter filters={filterList} />
</section>
</div>
<HotelCardListing hotelData={hotels} />
</main>
)