From 915e87b3c67a5536e742e9dedb2627f23975bf9d Mon Sep 17 00:00:00 2001
From: Denis Thiessen <mail@denisthiessen.de>
Date: Fri, 21 Jun 2024 16:56:05 +0200
Subject: [PATCH] fix: Fixed passenger rights link

---
 src/pages/study_site_1/StartPage1.jsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/pages/study_site_1/StartPage1.jsx b/src/pages/study_site_1/StartPage1.jsx
index 5f0b2d4..7d34b52 100644
--- a/src/pages/study_site_1/StartPage1.jsx
+++ b/src/pages/study_site_1/StartPage1.jsx
@@ -16,6 +16,16 @@ function StartPage1({ redirectLoc }) {
   // TODO THINK IF I WANT TO JUST USE AN OVERLAY FOR OTHER DUMMY LINKS, WHICH ARENT CORRECT???
   // IS THAT OKAY???
 
+  const redirectPageStr = "./redirectPage/";
+  const bannerTranslationKey = "/task_1_info";
+
+  const passengerRightsLink =
+    redirectPageStr +
+    encodeURIComponent(
+      "https://europa.eu/youreurope/citizens/travel/passenger-rights/air/index_en.htm"
+    ) +
+    bannerTranslationKey;
+
   return (
     <StudySite>
       <WebpageBanner translationKey="task_1_info" />
@@ -62,10 +72,8 @@ function StartPage1({ redirectLoc }) {
           <Text>
             Since BudgetBird Airlines offers no flights outside the European
             Union the{" "}
-            <a href="https://europa.eu/youreurope/citizens/travel/passenger-rights/air/index_en.htm">
-              European Air Passenger Rights
-            </a>{" "}
-            will apply.
+            <a href={passengerRightsLink}>European Air Passenger Rights</a> will
+            apply.
           </Text>
         </Collapse>
         <Collapse title="What costs will incur for rebooking my ticket?">