From 07d222c355cd3b36177876be043b95c763406114 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Tue, 28 Jan 2025 14:35:50 +0100
Subject: [PATCH] feat(SW-1386): buttons can now correctly be links

---
 components/Blocks/FullWidthCampaign/index.tsx | 30 ++++++++++++++++---
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/components/Blocks/FullWidthCampaign/index.tsx b/components/Blocks/FullWidthCampaign/index.tsx
index d1f84f5b5..d9a7f9125 100644
--- a/components/Blocks/FullWidthCampaign/index.tsx
+++ b/components/Blocks/FullWidthCampaign/index.tsx
@@ -1,5 +1,6 @@
 import Image from "@/components/Image"
 import Button from "@/components/TempDesignSystem/Button"
+import Link from "@/components/TempDesignSystem/Link"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Title from "@/components/TempDesignSystem/Text/Title"
@@ -40,13 +41,34 @@ export default function FullWidthCampaign({ content }: FullWidthCampaignProps) {
           </Body>
           <div className={styles.buttons}>
             {node.has_primary_button ? (
-              <Button intent="inverted" size="small" theme="base">
-                {node.primary_button.title}
+              <Button intent="inverted" size="small" theme="base" asChild>
+                <Link
+                  href={node.primary_button.href}
+                  target={
+                    node.primary_button.openInNewTab ? "_blank" : undefined
+                  }
+                  color="none"
+                >
+                  {node.primary_button.title}
+                </Link>
               </Button>
             ) : null}
             {node.has_secondary_button ? (
-              <Button intent="secondary" size="small" theme="primaryStrong">
-                {node.secondary_button.title}
+              <Button
+                intent="secondary"
+                size="small"
+                theme="primaryStrong"
+                asChild
+              >
+                <Link
+                  href={node.secondary_button.href}
+                  target={
+                    node.secondary_button.openInNewTab ? "_blank" : undefined
+                  }
+                  color="none"
+                >
+                  {node.secondary_button.title}
+                </Link>
               </Button>
             ) : null}
           </div>