From 198f0da7488c1d4d640cd3155a98d9d1c5eb5c08 Mon Sep 17 00:00:00 2001 From: Erik Tiekstra Date: Wed, 12 Mar 2025 10:39:12 +0000 Subject: [PATCH] feat(SW-1888): Removed link from tripadvisor text on hotel pages * feat(SW-1888): Removed link from tripadvisor text on hotel pages Approved-by: Fredrik Thorsson --- .../HotelPage/IntroSection/index.tsx | 19 +++++-------------- .../IntroSection/introSection.module.css | 12 ++++++++++++ 2 files changed, 17 insertions(+), 14 deletions(-) diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx index dc4c7e9e8..b8bfc05a5 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx +++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx @@ -30,9 +30,7 @@ export default async function IntroSection({ const formattedLocationText = `${streetAddress}, ${city} (${formattedDistanceText})` const hasTripAdvisorData = !!( - tripAdvisor?.rating && - tripAdvisor?.numberOfReviews && - tripAdvisor?.webUrl + tripAdvisor?.rating && tripAdvisor?.numberOfReviews ) const formattedTripAdvisorText = hasTripAdvisorData ? intl.formatMessage( @@ -53,18 +51,11 @@ export default async function IntroSection({ {formattedLocationText} - {hasTripAdvisorData && ( - - + {formattedTripAdvisorText && ( + + {formattedTripAdvisorText} - + )}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css index f6db7e388..9e26a9027 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css @@ -15,6 +15,18 @@ gap: var(--Spacing-x-one-and-half); } +.tripAdvisorText { + display: flex; + gap: var(--Space-x05); + align-items: center; + color: var(--Text-Interactive-Secondary); +} + +.tripAdvisorText svg, +.tripAdvisorText svg * { + fill: var(--Text-Interactive-Secondary); +} + .introLink { text-decoration-color: var(--Scandic-Peach-80); width: fit-content;