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

feat(SW-826): Added Google Maps Link

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-13 15:57:49 +01:00
parent a66427fccc
commit 1595b18644
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/HotelReservation/Contact/contact.module.css
View File

@@ -46,3 +46,9 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
.googleMaps {
text-decoration: none;
font-family: var(--typography-Body-Regular-fontFamily);
color: var(--Base-Text-Medium-contrast);
}

8
components/HotelReservation/Contact/index.tsx
View File

@@ -13,6 +13,7 @@ import styles from "./contact.module.css"
import { ContactProps } from "@/types/components/hotelReservation/selectHotel/selectHotel" import { ContactProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
export default function Contact({ hotel }: ContactProps) { export default function Contact({ hotel }: ContactProps) {
console.log(hotel)
const lang = useLang() const lang = useLang()
const intl = useIntl() const intl = useIntl()
@@ -32,9 +33,12 @@ export default function Contact({ hotel }: ContactProps) {
<span className={styles.heading}> <span className={styles.heading}>
{intl.formatMessage({ id: "Driving directions" })} {intl.formatMessage({ id: "Driving directions" })}
</span> </span>
<Link href="#" color="peach80"> <a
href={`https://www.google.com/maps/dir/?api=1&destination=${hotel.location.latitude},${hotel.location.longitude}`}
className={styles.googleMaps}
>
Google Maps Google Maps
</Link> </a>
</li> </li>
<li> <li>
<span className={styles.heading}> <span className={styles.heading}>