@@ -198,6 +231,12 @@ function WorkspacesPageInner() {
);
})}
+ {showCreate && (
+
{ setShowCreate(false); toast.success("Workspace created"); reload(); }}
+ onClose={() => setShowCreate(false)}
+ />
+ )}
);
}
diff --git a/web/src/app/(auth)/forgot-password/page.tsx b/web/src/app/(auth)/forgot-password/page.tsx
new file mode 100644
index 0000000..00054c4
--- /dev/null
+++ b/web/src/app/(auth)/forgot-password/page.tsx
@@ -0,0 +1,62 @@
+"use client";
+
+import { useState, type FormEvent } from "react";
+import Link from "next/link";
+import { useAuth } from "@/lib/auth";
+
+export default function ForgotPasswordPage() {
+ const { forgotPassword, isLoading, error, success, clearMessages } = useAuth();
+ const [email, setEmail] = useState("");
+
+ async function handleSubmit(e: FormEvent) {
+ e.preventDefault();
+ clearMessages();
+ await forgotPassword(email);
+ }
+
+ return (
+
+ );
+}
diff --git a/web/src/app/(auth)/layout.tsx b/web/src/app/(auth)/layout.tsx
new file mode 100644
index 0000000..9beca8b
--- /dev/null
+++ b/web/src/app/(auth)/layout.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import Link from "next/link";
+
+export default function AuthLayout({ children }: { children: ReactNode }) {
+ return (
+
+
+
+ NoteLett
+
+ {children}
+
+
+ );
+}
diff --git a/web/src/app/(auth)/login/page.tsx b/web/src/app/(auth)/login/page.tsx
new file mode 100644
index 0000000..94df825
--- /dev/null
+++ b/web/src/app/(auth)/login/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { useState, type FormEvent } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useAuth } from "@/lib/auth";
+
+export default function LoginPage() {
+ const { login, isLoading, error, clearMessages } = useAuth();
+ const router = useRouter();
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+
+ async function handleSubmit(e: FormEvent) {
+ e.preventDefault();
+ clearMessages();
+ const ok = await login(email, password);
+ if (ok) router.push("/dashboard");
+ }
+
+ return (
+
+ );
+}
diff --git a/web/src/app/(auth)/register/page.tsx b/web/src/app/(auth)/register/page.tsx
new file mode 100644
index 0000000..acf58de
--- /dev/null
+++ b/web/src/app/(auth)/register/page.tsx
@@ -0,0 +1,84 @@
+"use client";
+
+import { useState, type FormEvent } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useAuth } from "@/lib/auth";
+
+export default function RegisterPage() {
+ const { register, isLoading, error, clearMessages } = useAuth();
+ const router = useRouter();
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [displayName, setDisplayName] = useState("");
+
+ async function handleSubmit(e: FormEvent) {
+ e.preventDefault();
+ clearMessages();
+ const ok = await register(email, password, displayName);
+ if (ok) router.push("/dashboard");
+ }
+
+ return (
+
+ );
+}
diff --git a/web/src/components/AuthGuard.tsx b/web/src/components/AuthGuard.tsx
new file mode 100644
index 0000000..c831c16
--- /dev/null
+++ b/web/src/components/AuthGuard.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import { useEffect, useState, type ReactNode } from "react";
+import { useRouter } from "next/navigation";
+import { useAuth } from "@/lib/auth";
+import { checkKillSwitch } from "@/lib/kill-switch";
+
+export function AuthGuard({ children }: { children: ReactNode }) {
+ const { isAuthenticated, isLoading: authLoading } = useAuth();
+ const router = useRouter();
+ const [killSwitchMsg, setKillSwitchMsg] = useState(null);
+ const [ready, setReady] = useState(false);
+
+ useEffect(() => {
+ if (authLoading) return;
+
+ if (!isAuthenticated) {
+ router.replace("/login");
+ return;
+ }
+
+ checkKillSwitch()
+ .then(({ disabled, message }) => {
+ if (disabled) {
+ setKillSwitchMsg(message || "This application is currently unavailable.");
+ } else {
+ setReady(true);
+ }
+ })
+ .catch(() => {
+ setReady(true);
+ });
+ }, [isAuthenticated, authLoading, router]);
+
+ if (killSwitchMsg) {
+ return (
+
+
+
Service Unavailable
+
{killSwitchMsg}
+
+
{ if (e.target === e.currentTarget) onClose(); }}
+ >
+