From 820478fdaab9f7ae2956ac1cfb3ac393e750d94b Mon Sep 17 00:00:00 2001
From: pulipakaa24 <adipu@utexas.edu>
Date: Thu, 9 Apr 2026 14:20:18 -0500
Subject: [PATCH] Privacy policy and navbar updates

---
 App.tsx                               |  4 +++-
 components/PrivacyPolicy.tsx          | 21 ++++++++++++++++++---
 components/ProfileSettings.tsx        |  6 ++++++
 components/auth/EmailVerification.tsx |  2 +-
 components/auth/ForgotPassword.tsx    |  2 +-
 components/auth/LoginForm.tsx         | 10 ++++++++--
 components/auth/ResetPassword.tsx     |  2 +-
 components/auth/SignUpForm.tsx        |  2 +-
 8 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/App.tsx b/App.tsx
index 0f0aa56..546f9ae 100644
--- a/App.tsx
+++ b/App.tsx
@@ -123,7 +123,9 @@ export default function App() {
     <div className="flex h-screen bg-secondary">
       <aside className="w-64 bg-card border-r border-border flex flex-col">
         <div className="p-6 border-b border-border flex items-center justify-center">
-          <img src={logo} alt="labwise" className="h-15" />
+          <button onClick={() => setActiveTab('dashboard')} className="cursor-pointer">
+            <img src={logo} alt="labwise" className="h-15" />
+          </button>
         </div>
         <nav className="flex-1 p-4">
           {navItems.map(item => {
diff --git a/components/PrivacyPolicy.tsx b/components/PrivacyPolicy.tsx
index 6b80fe2..aacdcf6 100644
--- a/components/PrivacyPolicy.tsx
+++ b/components/PrivacyPolicy.tsx
@@ -1,12 +1,27 @@
+import { ArrowLeft } from 'lucide-react';
+
 const logo = '/logo.png';
 
 export function PrivacyPolicy() {
   return (
     <div className="min-h-screen bg-secondary">
-      <div className="max-w-3xl mx-auto px-6 py-12">
-        <div className="flex items-center gap-3 mb-8">
-          <img src={logo} alt="LabWise" className="h-10" />
+      {/* Navbar */}
+      <nav className="sticky top-0 z-50 bg-card border-b border-border">
+        <div className="max-w-6xl mx-auto px-6 h-14 flex items-center">
+          <a href="/">
+            <img src={logo} alt="LabWise" className="h-7" />
+          </a>
         </div>
+      </nav>
+
+      <div className="max-w-3xl mx-auto px-6 py-12">
+        <a
+          href="/"
+          className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors mb-6"
+        >
+          <ArrowLeft className="w-4 h-4" />
+          Back
+        </a>
 
         <h1 className="text-3xl font-bold text-primary mb-2">Privacy Policy</h1>
         <p className="text-muted-foreground mb-8">Last updated: April 9, 2026</p>
diff --git a/components/ProfileSettings.tsx b/components/ProfileSettings.tsx
index 0547be1..1d5f734 100644
--- a/components/ProfileSettings.tsx
+++ b/components/ProfileSettings.tsx
@@ -171,6 +171,12 @@ export function ProfileSettings() {
           </CardContent>
         </Card>
       </form>
+
+      <p className="text-center mt-6">
+        <a href="/privacy" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
+          Privacy Policy
+        </a>
+      </p>
     </div>
   );
 }
diff --git a/components/auth/EmailVerification.tsx b/components/auth/EmailVerification.tsx
index 8f56373..d76bbd3 100644
--- a/components/auth/EmailVerification.tsx
+++ b/components/auth/EmailVerification.tsx
@@ -33,7 +33,7 @@ export function EmailVerification({ email }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6 text-center">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
           <div className="flex justify-center">
             <div className="rounded-full bg-accent p-4">
diff --git a/components/auth/ForgotPassword.tsx b/components/auth/ForgotPassword.tsx
index 1d709c0..f9c0e07 100644
--- a/components/auth/ForgotPassword.tsx
+++ b/components/auth/ForgotPassword.tsx
@@ -39,7 +39,7 @@ export function ForgotPassword({ onBack }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
 
           {sent ? (
diff --git a/components/auth/LoginForm.tsx b/components/auth/LoginForm.tsx
index a3e55c3..2c657f9 100644
--- a/components/auth/LoginForm.tsx
+++ b/components/auth/LoginForm.tsx
@@ -102,7 +102,7 @@ export function LoginForm({ onSignUp, onForgotPassword }: Props) {
       {/* Sticky Navbar */}
       <nav className="sticky top-0 z-50 bg-card border-b border-border">
         <div className="max-w-6xl mx-auto px-6 h-14 flex items-center justify-between">
-          <img src={logo} alt="LabWise" className="h-7" />
+          <a href="/"><img src={logo} alt="LabWise" className="h-7" /></a>
           <div className="flex items-center gap-2">
             <Button variant="ghost" size="sm" onClick={scrollToAbout}>
               About
@@ -218,6 +218,12 @@ export function LoginForm({ onSignUp, onForgotPassword }: Props) {
                 Create account
               </button>
             </div>
+
+            <div className="text-center">
+              <a href="/privacy" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
+                Privacy Policy
+              </a>
+            </div>
           </CardContent>
         </Card>
 
@@ -285,7 +291,7 @@ export function LoginForm({ onSignUp, onForgotPassword }: Props) {
         <div className="border-t border-border">
           <div className="max-w-5xl mx-auto px-6 py-6 flex items-center justify-between text-xs text-muted-foreground">
             <span>© {new Date().getFullYear()} LabWise</span>
-            <span>Built for research labs</span>
+            <a href="/privacy" className="hover:text-foreground transition-colors">Privacy Policy</a>
           </div>
         </div>
       </section>
diff --git a/components/auth/ResetPassword.tsx b/components/auth/ResetPassword.tsx
index 2f25672..6fd9b73 100644
--- a/components/auth/ResetPassword.tsx
+++ b/components/auth/ResetPassword.tsx
@@ -46,7 +46,7 @@ export function ResetPassword({ onSuccess }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
 
           {done ? (
diff --git a/components/auth/SignUpForm.tsx b/components/auth/SignUpForm.tsx
index b53256e..9e69039 100644
--- a/components/auth/SignUpForm.tsx
+++ b/components/auth/SignUpForm.tsx
@@ -123,7 +123,7 @@ export function SignUpForm({ onLogin }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
           <p className="text-center text-muted-foreground text-sm">
             Create your LabWise account.