49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { useRouter } from "@/i18n/routing";
|
|
import UserForm from "@/components/form/user/user-form";
|
|
import { useSearchParams } from "next/navigation";
|
|
|
|
export default function EditUserPage() {
|
|
const router = useRouter();
|
|
const params = useSearchParams();
|
|
// const userId = params?.id ? Number(params.id) : undefined;
|
|
const userIdParam = params.get("id");
|
|
const userId = userIdParam ? Number(userIdParam) : undefined;
|
|
|
|
const handleSuccess = () => {
|
|
router.push("/admin/management-user");
|
|
};
|
|
|
|
const handleCancel = () => {
|
|
router.push("/admin/management-user");
|
|
};
|
|
|
|
if (!userId) {
|
|
return (
|
|
<div className="container mx-auto py-6">
|
|
<div className="text-center">
|
|
<p className="text-red-500">User ID tidak valid</p>
|
|
<button
|
|
onClick={() => router.push("/admin/management-user")}
|
|
className="mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
|
|
>
|
|
Kembali ke Management User
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="container mx-auto py-6">
|
|
<UserForm
|
|
id={userId}
|
|
mode="edit"
|
|
onSuccess={handleSuccess}
|
|
onCancel={handleCancel}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|