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:
@@ -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`}
|
||||
|
||||
Reference in New Issue
Block a user