7e8c5afde5
- Add /forgot-password and /reset-password pages (full password reset flow) - Add 'Forgot password?' link on login page - Fix register.tsx: add explicit window.location fallback after signUp - Rename commissionerAuditLog.actorClerkId → actorUserId (migration 0084) and update all references in model, routes, components, and tests - Rewrite docs/agents/auth.md to document BetterAuth (removes all Clerk refs) - Update test fixtures and schema comments to remove Clerk ID references; use UUID-format IDs throughout test data - Update docs/agents/domain-models.md ownerId description Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
80 lines
2.9 KiB
TypeScript
80 lines
2.9 KiB
TypeScript
import { useState } from "react";
|
|
import { Link } from "react-router";
|
|
import { authClient } from "~/lib/auth-client";
|
|
import { Button } from "~/components/ui/button";
|
|
import { Input } from "~/components/ui/input";
|
|
import { Label } from "~/components/ui/label";
|
|
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "~/components/ui/card";
|
|
|
|
export function meta() {
|
|
return [{ title: "Forgot Password - Brackt" }];
|
|
}
|
|
|
|
export default function ForgotPasswordPage() {
|
|
const [error, setError] = useState<string | null>(null);
|
|
const [submitted, setSubmitted] = useState(false);
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
|
|
e.preventDefault();
|
|
setError(null);
|
|
setLoading(true);
|
|
const email = (e.currentTarget.elements.namedItem("email") as HTMLInputElement).value;
|
|
|
|
const { error: resetError } = await authClient.requestPasswordReset({
|
|
email,
|
|
redirectTo: "/reset-password",
|
|
});
|
|
|
|
if (resetError) {
|
|
setError(resetError.message ?? "Something went wrong. Please try again.");
|
|
setLoading(false);
|
|
} else {
|
|
setSubmitted(true);
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center p-4">
|
|
<Card className="w-full max-w-md">
|
|
<CardHeader className="space-y-1">
|
|
<CardTitle className="text-2xl">Reset your password</CardTitle>
|
|
<CardDescription>
|
|
Enter your email and we'll send you a reset link
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
{submitted ? (
|
|
<div className="space-y-4">
|
|
<p className="text-sm text-muted-foreground">
|
|
Check your email for a password reset link. It may take a minute to arrive.
|
|
</p>
|
|
<p className="text-center text-sm text-muted-foreground">
|
|
<Link to="/login" className="underline">
|
|
Back to sign in
|
|
</Link>
|
|
</p>
|
|
</div>
|
|
) : (
|
|
<form onSubmit={handleSubmit} className="space-y-4">
|
|
<div className="space-y-2">
|
|
<Label htmlFor="email">Email</Label>
|
|
<Input id="email" name="email" type="email" required autoComplete="email" />
|
|
</div>
|
|
{error && <p className="text-sm text-destructive">{error}</p>}
|
|
<Button type="submit" className="w-full" disabled={loading}>
|
|
{loading ? "Sending…" : "Send reset link"}
|
|
</Button>
|
|
<p className="text-center text-sm text-muted-foreground">
|
|
Remember your password?{" "}
|
|
<Link to="/login" className="underline">
|
|
Sign in
|
|
</Link>
|
|
</p>
|
|
</form>
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|