Merge pull request #191 from Vizzuality/SKY30-270-add-new-text-for-pr…

…ivacy-policy-and-to-s-pages

[SKY30-270] Link ToS and privacy page links to the main website's + cleanup

frontend/src/components/footer.tsx

@@ -2,6 +2,7 @@ import Link from 'next/link';
 
 import { Copyright } from 'lucide-react';
 
+import { EXTERNAL_LINKS } from '@/constants/external-links';
 import { PAGES } from '@/constants/pages';
 import { useGetContactDetail } from '@/types/generated/contact-detail';
 
@@ -50,10 +51,20 @@ const Footer: React.FC = () => {
             <Copyright className="mr-2 h-3.5 w-3.5" aria-hidden="true" /> SkyTruth {currentYear}
           </div>
           <nav className="flex gap-6">
-            <Link className="py-2" href={PAGES.privacyPolicy}>
+            <Link
+              className="py-2"
+              href={EXTERNAL_LINKS.privacyPolicy}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               Privacy policy
             </Link>
-            <Link className="py-2" href={PAGES.termsOfUse}>
+            <Link
+              className="py-2"
+              href={EXTERNAL_LINKS.termsOfUse}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               Terms of use
             </Link>
           </nav>

frontend/src/constants/external-links.ts

@@ -0,0 +1,4 @@
+export const EXTERNAL_LINKS = {
+  privacyPolicy: 'https://skytruth.org/privacy-policy/',
+  termsOfUse: 'https://skytruth.org/terms-of-service/',
+};

frontend/src/constants/pages.ts

@@ -4,6 +4,4 @@ export const PAGES = {
   knowledgeHub: '/knowledge-hub',
   contact: '/contact',
   about: '/about',
-  privacyPolicy: '/privacy-policy',
-  termsOfUse: '/terms-of-use',
 };

frontend/src/containers/contact/form/index.tsx

@@ -26,6 +26,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { Textarea } from '@/components/ui/textarea';
+import { EXTERNAL_LINKS } from '@/constants/external-links';
 
 const CATEGORY_OPTIONS = [
   {
@@ -226,7 +227,7 @@ const ContactUsForm = (): JSX.Element => {
                     By submitting this form you agree with processing your personal data in
                     accordance with the{' '}
                     <Link
-                      href="/privacy-policy"
+                      href={EXTERNAL_LINKS.privacyPolicy}
                       className="underline"
                       target="_blank"
                       rel="noopener noreferrer"