From 8c5643d68c7b563cadb0b46ce31d13edf025b3b0 Mon Sep 17 00:00:00 2001
From: LMacPhail <lucymacphail97@gmail.com>
Date: Wed, 31 Jan 2024 20:06:04 +0000
Subject: [PATCH] Add privacy policy

---
 src/components/auth/Auth.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/auth/Auth.tsx b/src/components/auth/Auth.tsx
index e9bf73d..09aad15 100644
--- a/src/components/auth/Auth.tsx
+++ b/src/components/auth/Auth.tsx
@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { supabase } from "../../supabaseClient";
 import { MODAL_DISMISSED_KEY } from "../../state/store";
+import Link from "../atoms/Link";
 
 export default function Auth() {
   const [loading, setLoading] = useState(false);
@@ -32,7 +33,7 @@ export default function Auth() {
         <p>Could you help us by signing up?</p>
       </div>
       <form className="form-widget" onSubmit={handleLogin}>
-        <div className="w-full flex flex-row items-center justify-center gap-4">
+        <div className="w-full flex flex-col md:flex-row items-center justify-center gap-4">
           <label htmlFor="sign_up_input" className="sr-only">
             Sign up email here
           </label>
@@ -52,6 +53,12 @@ export default function Auth() {
             {loading ? <span>Loading</span> : <span>Sign Up</span>}
           </button>
         </div>
+        <p className="text-xs italic mt-2">
+          You can see how we handle user data in{" "}
+          <Link link="https://www.mvmtresearch.org/privacy-policy">
+            our privacy policy.
+          </Link>
+        </p>
       </form>
     </div>
   );