Files
property-management-network/app/(auth)/forgot-password/page.tsx
T
Leon SerfatyandClaude Opus 4.8 5495b94924 Deploy on DigitalOcean App Platform (GitHub-source build) + consolidate audit-fixes
Deploy config:
- .do/app.yaml: build the Dockerfile directly from GitHub (deploy_on_push) instead
  of a pre-built DOCR image; NEXT_PUBLIC_* set RUN_AND_BUILD_TIME with the
  propertymanagement.network domain so they bake into the client bundle; add
  custom domains block (apex + www); wire Sentry DSN (server + browser).

Included pending work from the audit-fixes branch:
- AI provider abstraction (OpenAI/Anthropic, admin-selectable; Anthropic default)
- Per-landlord e-signature (DocuSign OAuth + Dropbox Sign) + migration 0010
- Outbound webhooks / Zapier integration
- PayPal removal (Stripe-only billing)
- Storage hardening (fail-loud when Spaces unconfigured), security fixes

Verified: full production Docker build (same build-args as DO) passes clean.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-03 04:45:24 -04:00

79 lines
2.6 KiB
TypeScript

import type { Metadata } from "next"
import Link from "next/link"
import { Logo } from "@/components/shared/logo"
import { TurnstileWidget } from "@/components/shared/turnstile-widget"
import { resetPassword } from "@/app/actions/auth"
export const metadata: Metadata = {
title: "Reset password",
robots: { index: false, follow: true },
}
export default async function ForgotPasswordPage({
searchParams,
}: {
searchParams: Promise<{ error?: string; success?: string }>
}) {
const params = await searchParams
const error = params.error
const success = params.success
return (
<div className="w-full">
<div className="mb-8 flex flex-col items-center">
<Logo size="lg" />
<h1 className="mt-6 text-2xl font-bold text-white">Reset your password</h1>
<p className="mt-2 text-sm text-white/60">
Enter your email and we&apos;ll send a reset link
</p>
</div>
<div className="rounded-xl border border-white/10 bg-[#111118] p-8">
{error && (
<div className="mb-4 rounded-lg border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-400">
{decodeURIComponent(error)}
</div>
)}
{success === "email-sent" && (
<div className="mb-4 rounded-lg border border-emerald-500/20 bg-emerald-500/10 px-4 py-3 text-sm text-emerald-400">
Check your email reset link sent.
</div>
)}
<form action={resetPassword} className="space-y-4">
<div>
<label htmlFor="email" className="mb-1.5 block text-sm font-medium text-white/70">
Email address
</label>
<input
id="email"
name="email"
type="email"
required
autoComplete="email"
placeholder="you@example.com"
className="w-full rounded-lg border border-white/10 bg-white/5 px-4 py-2.5 text-sm text-white placeholder-white/30 outline-none ring-indigo-500 transition focus:border-indigo-500/50 focus:ring-1"
/>
</div>
<TurnstileWidget />
<button
type="submit"
className="w-full rounded-lg bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white transition hover:bg-indigo-500 active:scale-[0.98]"
>
Send reset link
</button>
</form>
<p className="mt-6 text-center text-sm text-white/40">
Remember your password?{" "}
<Link href="/login" className="text-indigo-400 hover:text-indigo-300">
Back to sign in
</Link>
</p>
</div>
</div>
)
}