chore: initial project import
Some checks failed
CI - Production Readiness / Verify (push) Has been cancelled
Some checks failed
CI - Production Readiness / Verify (push) Has been cancelled
This commit is contained in:
50
app/profile/change-password/page.tsx
Normal file
50
app/profile/change-password/page.tsx
Normal file
@ -0,0 +1,50 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user