51 lines
2.0 KiB
TypeScript
51 lines
2.0 KiB
TypeScript
import { ShellPage } from "@/components/page-templates";
|
|
import { Button, SectionCard } from "@/components/ui";
|
|
import { getSession } from "@/lib/auth";
|
|
import { changePassword } from "@/lib/admin-crud";
|
|
import { redirect } from "next/navigation";
|
|
|
|
export default async function ChangePasswordPage({
|
|
searchParams
|
|
}: {
|
|
searchParams?: Promise<{ error?: string; success?: string }>;
|
|
}) {
|
|
const session = await getSession();
|
|
if (!session) {
|
|
redirect("/login");
|
|
}
|
|
|
|
const params = await (searchParams ?? Promise.resolve({ error: undefined, success: undefined }));
|
|
const shell = session.role === "agent" ? "agent" : session.role === "super_admin" ? "super-admin" : "admin";
|
|
const infoMessage =
|
|
params.success === "updated"
|
|
? "Password berhasil diperbarui."
|
|
: params.error === "missing_fields"
|
|
? "Lengkapi semua field password."
|
|
: params.error === "password_mismatch"
|
|
? "Password baru dan konfirmasi tidak sama."
|
|
: params.error === "wrong_current_password"
|
|
? "Password lama tidak sesuai."
|
|
: null;
|
|
|
|
return (
|
|
<ShellPage shell={shell} title="Change Password" description="Ubah password akun Anda.">
|
|
<SectionCard title="Password form">
|
|
<form action={changePassword} className="grid gap-4 md:max-w-xl">
|
|
{infoMessage ? <p className="rounded-xl border border-success/30 bg-success/10 p-3 text-sm text-success">{infoMessage}</p> : null}
|
|
<input type="password" name="currentPassword" className="rounded-xl border border-line px-4 py-3" placeholder="Current password" />
|
|
<input type="password" name="newPassword" className="rounded-xl border border-line px-4 py-3" placeholder="New password" />
|
|
<input
|
|
type="password"
|
|
name="confirmPassword"
|
|
className="rounded-xl border border-line px-4 py-3"
|
|
placeholder="Confirm new password"
|
|
/>
|
|
<div>
|
|
<Button type="submit">Update password</Button>
|
|
</div>
|
|
</form>
|
|
</SectionCard>
|
|
</ShellPage>
|
|
);
|
|
}
|