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

feat(SW-1888): Removed link from tripadvisor text on hotel pages

Browse Source 
* feat(SW-1888): Removed link from tripadvisor text on hotel pages


Approved-by: Fredrik Thorsson
This commit is contained in:
Erik Tiekstra
2025-03-12 10:39:12 +00:00
parent ad05f792fb
commit 198f0da748
2 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
View File

@@ -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({
</Typography>
</div>
<Body color="uiTextMediumContrast">{formattedLocationText}</Body>
{hasTripAdvisorData && (
<Link
className={styles.introLink}
target="_blank"
variant="icon"
textDecoration="underline"
color="peach80"
href={tripAdvisor.webUrl}
>
<TripAdvisorIcon color="peach80" />
{formattedTripAdvisorText && (
<span className={styles.tripAdvisorText}>
<TripAdvisorIcon />
{formattedTripAdvisorText}
</Link>
</span>
)}
</div>
<div className={styles.subtitleContent}>

12
apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css
View File

@@ -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;