feat(footer): link privacy notice to configured URL (#393)

Closes #392
reanahub · Feb 9, 2024 · f0edde6 · f0edde6
1 parent 8d58277
commit f0edde6
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 360 deletions.
diff --git a/reana-ui/src/components/App.js b/reana-ui/src/components/App.js
@@ -33,7 +33,6 @@ import OAuthSignin from "~/pages/signin/OAuthSignin";
 import WorkflowList from "~/pages/workflowList/WorkflowList";
 import WorkflowDetails from "~/pages/workflowDetails/WorkflowDetails";
 import Profile from "~/pages/profile/Profile";
-import PrivacyNotice from "~/pages/privacyNotice/PrivacyNotice";
 import Status from "~/pages/status/Status";
 import LaunchOnReana from "~/pages/launchOnReana/LaunchOnReana";
 import NotFound from "~/pages/error/NotFound";
@@ -81,7 +80,6 @@ export default function App() {
             }
           />
           <Route path="/confirm/:token" element={<Confirm />} />
-          <Route path="/privacy-notice" element={<PrivacyNotice />} />
           <Route path="/signin_callback" element={<OAuthSignin />} />
           <Route
             path="/"

diff --git a/reana-ui/src/components/Footer.js b/reana-ui/src/components/Footer.js
@@ -20,11 +20,15 @@ export default function Footer() {
   const config = useSelector(getConfig);
   return (
     <footer className={styles["footer-bottom"]}>
-      <span>
-        {config.cernRopo && (
-          <Link to="/privacy-notice">
+      <span className={styles["links"]}>
+        {config.privacyNoticeURL && (
+          <a
+            href={config.privacyNoticeURL}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             <Icon name="privacy"></Icon> Privacy notice
-          </Link>
+          </a>
         )}
       </span>
       <span className={styles["links"]}>

diff --git a/reana-ui/src/components/Footer.module.scss b/reana-ui/src/components/Footer.module.scss
@@ -19,7 +19,7 @@
   height: 60px;
   color: $gray;
 
-  .links > a {
+  .links > a:not(:first-child) {
     margin-left: 1em;
   }
 }
diff --git a/reana-ui/src/pages/privacyNotice/PrivacyNotice.js b/reana-ui/src/pages/privacyNotice/PrivacyNotice.js
diff --git a/reana-ui/src/pages/privacyNotice/PrivacyNotice.module.scss b/reana-ui/src/pages/privacyNotice/PrivacyNotice.module.scss