Add shared legal pages and wire Privacy Policy and Terms across the app.

Extract privacy and terms content into reusable components, replace auth modals with links to /privacy and /terms, add settings legal section, and remove duplicate legal-modal markup. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-18 01:33:34 -04:00
parent b7380f4348
commit 69da2bf71d
19 changed files with 1116 additions and 1149 deletions
@@ -0,0 +1,39 @@
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+
+import { Button } from "~/components/ui/button";
+import { LEGAL_LAST_UPDATED } from "~/lib/legal";
+
+type LegalPageShellProps = {
+  title: string;
+  children: React.ReactNode;
+};
+
+export function LegalPageShell({ title, children }: LegalPageShellProps) {
+  return (
+    <div className="bg-background min-h-screen">
+      <div className="bg-card border-b">
+        <div className="container mx-auto max-w-4xl px-6 py-6">
+          <div className="flex items-center gap-4">
+            <Link href="/">
+              <Button variant="outline" size="sm">
+                <ArrowLeft className="mr-2 h-4 w-4" />
+                Back
+              </Button>
+            </Link>
+            <div>
+              <h1 className="text-2xl font-bold">{title}</h1>
+              <p className="text-muted-foreground text-sm">
+                Last updated: {LEGAL_LAST_UPDATED}
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="container mx-auto max-w-4xl px-6 py-8">
+        <div className="space-y-6">{children}</div>
+      </div>
+    </div>
+  );
+}