Merged in feat/SW-3072-desktop-new-button-for-see- (pull request #2408)

feat: SW-3072 Added overlay to static map on city page

* feat: SW-3072 Added overlay to static map on city page

* feat: SW-3072 Updated map link in desktop select-hotel page

* feat: SW-3072 Updated as review comments


Approved-by: Erik Tiekstra
This commit is contained in:
Hrishikesh Vaipurkar
2025-06-30 10:48:34 +00:00
parent 0393f7b7b9
commit a0b0ed2544
2 changed files with 30 additions and 15 deletions

View File

@@ -1,4 +1,5 @@
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import { Typography } from "@scandic-hotels/design-system/Typography"
import HotelCardListing from "@/components/HotelReservation/HotelCardListing"
import BookingCodeFilter from "@/components/HotelReservation/SelectHotel/BookingCodeFilter"
@@ -82,21 +83,19 @@ export default async function SelectHotel({
city={city.name}
country={isCityWithCountry(city) ? city.country : undefined}
width={340}
height={180}
height={200}
zoomLevel={11}
mapType="roadmap"
altText={`Map of ${city.name} city center`}
/>
<div className={styles.linkText}>
{intl.formatMessage({
defaultMessage: "See map",
})}
<MaterialIcon
icon="chevron_right"
size={20}
color="CurrentColor"
/>
</div>
<Typography variant="Body/Supporting text (caption)/smBold">
<span className={styles.mapButton}>
<MaterialIcon icon="map" color="CurrentColor" size={20} />
{intl.formatMessage({
defaultMessage: "See on map",
})}
</span>
</Typography>
</div>
</Link>
) : (
@@ -104,7 +103,7 @@ export default async function SelectHotel({
<StaticMap
city={city.name}
width={340}
height={180}
height={200}
zoomLevel={11}
mapType="roadmap"
altText={`Map of ${city.name} city center`}