102 lines
3.3 KiB
TypeScript
102 lines
3.3 KiB
TypeScript
import Link from "next/link";
|
|
import { redirect } from "next/navigation";
|
|
import { StatusToastBridge } from "@/components/feedback/status-toast-bridge";
|
|
import { AuthPanel } from "@/components/auth/auth-panel";
|
|
import { signInAction } from "@/app/auth-actions";
|
|
import { Alert, AlertDescription } from "@/components/ui/alert";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Label } from "@/components/ui/label";
|
|
import { buildPathWithQuery, sanitizeNextPath } from "@/lib/auth/navigation";
|
|
import { getAuthState } from "@/lib/auth/session";
|
|
import { getAuthStatusToast } from "@/lib/feedback/status-messages";
|
|
import { getParamValue, type PageSearchParams } from "@/lib/search-params";
|
|
|
|
export const dynamic = "force-dynamic";
|
|
|
|
type LoginPageProps = {
|
|
searchParams: Promise<PageSearchParams>;
|
|
};
|
|
|
|
export default async function LoginPage({ searchParams }: LoginPageProps) {
|
|
const authState = await getAuthState();
|
|
const resolvedSearchParams = await searchParams;
|
|
const next = sanitizeNextPath(getParamValue(resolvedSearchParams, "next"));
|
|
|
|
if (authState.isAuthenticated) {
|
|
redirect(next);
|
|
}
|
|
|
|
const statusToast = getAuthStatusToast(
|
|
getParamValue(resolvedSearchParams, "error"),
|
|
getParamValue(resolvedSearchParams, "status"),
|
|
);
|
|
const signUpHref = buildPathWithQuery("/sign-up", { next });
|
|
|
|
return (
|
|
<AuthPanel
|
|
eyebrow="Inloggen"
|
|
title="Welkom terug"
|
|
description="Log in om je dashboard te openen en je wellness-first flow verder op te bouwen."
|
|
footer={
|
|
<p>
|
|
Nog geen account?{" "}
|
|
<Link href={signUpHref} className="font-semibold text-primary">
|
|
Maak er een aan
|
|
</Link>
|
|
</p>
|
|
}
|
|
>
|
|
<StatusToastBridge toast={statusToast} paramKeys={["error", "status"]} />
|
|
|
|
{!authState.isConfigured ? (
|
|
<Alert variant="info">
|
|
<AlertDescription className="leading-7 text-current">
|
|
Voeg eerst je Supabase-gegevens toe in `.env.local` op basis van `.env.example`.
|
|
</AlertDescription>
|
|
</Alert>
|
|
) : (
|
|
<form action={signInAction} className="space-y-5">
|
|
<input type="hidden" name="next" value={next} />
|
|
|
|
<div className="space-y-2">
|
|
<Label htmlFor="email" className="text-foreground">
|
|
E-mailadres
|
|
</Label>
|
|
<Input
|
|
id="email"
|
|
className="h-12 rounded-[1.25rem] bg-background/80 px-4 text-base md:text-base"
|
|
type="email"
|
|
name="email"
|
|
autoComplete="email"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<div className="space-y-2">
|
|
<Label htmlFor="password" className="text-foreground">
|
|
Wachtwoord
|
|
</Label>
|
|
<Input
|
|
id="password"
|
|
className="h-12 rounded-[1.25rem] bg-background/80 px-4 text-base md:text-base"
|
|
type="password"
|
|
name="password"
|
|
autoComplete="current-password"
|
|
minLength={8}
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<Button
|
|
type="submit"
|
|
size="lg"
|
|
className="w-full rounded-[1.25rem]"
|
|
>
|
|
Inloggen
|
|
</Button>
|
|
</form>
|
|
)}
|
|
</AuthPanel>
|
|
);
|
|
}
|