From efd07e793af2bc9f2512a3c52380798d3ee72b42 Mon Sep 17 00:00:00 2001
From: atrincas <atrincas@gmail.com>
Date: Tue, 7 Jan 2025 15:14:01 +0100
Subject: [PATCH] Added Privacy Policy and Terms & Conditions Links

---
 .../src/containers/auth/signup/form/index.tsx | 28 +++++++++++++++++--
 .../src/containers/projects/new/sidebar.tsx   | 14 +++++++++-
 client/src/lib/constants.ts                   |  5 ++++
 3 files changed, 43 insertions(+), 4 deletions(-)
 create mode 100644 client/src/lib/constants.ts

diff --git a/client/src/containers/auth/signup/form/index.tsx b/client/src/containers/auth/signup/form/index.tsx
index f335f58c..609e7631 100644
--- a/client/src/containers/auth/signup/form/index.tsx
+++ b/client/src/containers/auth/signup/form/index.tsx
@@ -11,6 +11,9 @@ import { useRouter } from "next/navigation";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 
+import { PRIVACY_POLICY_URL } from "@/lib/constants";
+import { TERMS_AND_CONDITIONS_URL } from "@/lib/constants";
+
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import {
@@ -129,10 +132,29 @@ const TokenSignUpForm: FC = () => {
                     />
                     <Label
                       htmlFor={field.name}
-                      className="text-xs text-muted-foreground"
+                      className="text-sm font-normal text-foreground"
                     >
-                      I agree with the terms and conditions and privacy policy
-                      of the Blue Carbon Cost Tool platform.
+                      I agree with the&nbsp;
+                      <Button
+                        variant="link"
+                        className="h-auto p-0 text-sm underline underline-offset-auto"
+                        asChild
+                      >
+                        <Link href={TERMS_AND_CONDITIONS_URL} target="_blank">
+                          terms and conditions
+                        </Link>
+                      </Button>
+                      &nbsp;and&nbsp;
+                      <Button
+                        variant="link"
+                        className="h-auto p-0 text-sm underline underline-offset-auto"
+                        asChild
+                      >
+                        <Link href={PRIVACY_POLICY_URL} target="_blank">
+                          privacy policy
+                        </Link>
+                      </Button>
+                      &nbsp;of the Blue Carbon Cost Tool platform.
                     </Label>
                   </div>
                 </FormControl>
diff --git a/client/src/containers/projects/new/sidebar.tsx b/client/src/containers/projects/new/sidebar.tsx
index 11b081b2..05ccdbec 100644
--- a/client/src/containers/projects/new/sidebar.tsx
+++ b/client/src/containers/projects/new/sidebar.tsx
@@ -8,6 +8,8 @@ import { ACTIVITY } from "@shared/entities/activity.enum";
 import { useAtomValue } from "jotai/index";
 import { InfoIcon } from "lucide-react";
 
+import { PRIVACY_POLICY_URL } from "@/lib/constants";
+
 import { useFormValues } from "@/containers/projects/form";
 import { formStepAtom } from "@/containers/projects/store";
 
@@ -87,7 +89,17 @@ export default function ProjectSidebar() {
             private and accessible only to you
           </span>
           . For more details on our commitment to data privacy, please review
-          our privacy policy.
+          our{" "}
+          <Button
+            variant="link"
+            className="h-auto p-0 text-base underline underline-offset-auto"
+            asChild
+          >
+            <Link href={PRIVACY_POLICY_URL} target="_blank">
+              privacy policy
+            </Link>
+          </Button>
+          .
         </p>
       </Card>
     </aside>
diff --git a/client/src/lib/constants.ts b/client/src/lib/constants.ts
new file mode 100644
index 00000000..26d3f65f
--- /dev/null
+++ b/client/src/lib/constants.ts
@@ -0,0 +1,5 @@
+export const PRIVACY_POLICY_URL =
+  "https://www.nature.org/en-us/about-us/who-we-are/accountability/privacy-policy/";
+
+export const TERMS_AND_CONDITIONS_URL =
+  "https://conservationgateway.org/Pages/Terms-of-Use.aspx";