fix(BOOK-506): Hiding campaign banner on more hotel-reservation routes and make whole banner clickable

Approved-by: Bianca Widstam
This commit is contained in:
Erik Tiekstra
2025-11-06 14:48:13 +00:00
parent 78ac3b29c3
commit 11d53d0b15
6 changed files with 114 additions and 124 deletions

View File

@@ -1,11 +1,9 @@
"use client"
import NextLink from "next/link"
import { useIntl } from "react-intl"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { trackClick } from "@scandic-hotels/tracking/base"
import { MarqueeText } from "@/components/MarqueeText"
@@ -22,7 +20,7 @@ export function DesktopCampaignBanner({
const intl = useIntl()
return (
<div className={styles.innerContent}>
<>
<Typography variant="Tag/sm">
<span className={styles.tag}>{tag}</span>
</Typography>
@@ -53,22 +51,16 @@ export function DesktopCampaignBanner({
{link ? (
<Typography variant="Link/sm">
<NextLink
href={link.url}
className={styles.link}
onClick={() => trackClick("BW read more")}
>
<span>
{link.title ||
intl.formatMessage({
id: "common.readMore",
defaultMessage: "Read more",
})}
</span>
</NextLink>
<span className={styles.fakeLink}>
{link.title ||
intl.formatMessage({
id: "common.readMore",
defaultMessage: "Read more",
})}
</span>
</Typography>
) : null}
</MarqueeText>
</div>
</>
)
}