humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:user edit

This commit is contained in:
Rama Priyanto 2026-02-20 17:17:22 +07:00
parent 6202af2149
commit 19f71eb972
2 changed files with 255 additions and 226 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
components/form/form-master-user-edit.tsx
View File

@ -202,6 +202,8 @@ export default function FormMasterUserEdit() {
className="w-full lg:w-1/2 lg:ml-4" className="w-full lg:w-1/2 lg:ml-4"
> >
<Card className="rounded-md p-5 flex flex-col gap-3"> <Card className="rounded-md p-5 flex flex-col gap-3">
<div className="flex flex-col gap-1">
<p className="text-sm">Nama Lengkap</p>
<Controller <Controller
control={control} control={control}
name="fullname" name="fullname"
@ -210,12 +212,13 @@ export default function FormMasterUserEdit() {
type="text" type="text"
id="title" id="title"
placeholder="Nama Lengkap..." placeholder="Nama Lengkap..."
label="Nama Lengkap" label=""
value={value} value={value}
onChange={onChange} onChange={onChange}
labelPlacement="outside" labelPlacement="outside"
className="w-full" className="w-full"
classNames={{ classNames={{
input: "outline-none",
inputWrapper: [ inputWrapper: [
"border-1 rounded-lg", "border-1 rounded-lg",
"dark:group-data-[focused=false]:bg-transparent !border-1 dark:!border-gray-400", "dark:group-data-[focused=false]:bg-transparent !border-1 dark:!border-gray-400",
@ -228,6 +231,10 @@ export default function FormMasterUserEdit() {
{errors.fullname?.message && ( {errors.fullname?.message && (
<p className="text-red-400 text-sm">{errors.fullname?.message}</p> <p className="text-red-400 text-sm">{errors.fullname?.message}</p>
)} )}
</div>
<div className="flex flex-col gap-1">
<p className="text-sm">Username</p>
<Controller <Controller
control={control} control={control}
name="username" name="username"
@ -236,7 +243,7 @@ export default function FormMasterUserEdit() {
type="text" type="text"
id="username" id="username"
placeholder="Username..." placeholder="Username..."
label="Username" label=""
value={value} value={value}
onChange={onChange} onChange={onChange}
labelPlacement="outside" labelPlacement="outside"
@ -254,6 +261,9 @@ export default function FormMasterUserEdit() {
{errors.username?.message && ( {errors.username?.message && (
<p className="text-red-400 text-sm">{errors.username?.message}</p> <p className="text-red-400 text-sm">{errors.username?.message}</p>
)} )}
</div>
<div className="flex flex-col gap-1">
<p className="text-sm">Email</p>
<Controller <Controller
control={control} control={control}
@ -263,7 +273,7 @@ export default function FormMasterUserEdit() {
type="email" type="email"
id="email" id="email"
placeholder="Email..." placeholder="Email..."
label="Email" label=""
value={value} value={value}
onChange={onChange} onChange={onChange}
labelPlacement="outside" labelPlacement="outside"
@ -281,7 +291,7 @@ export default function FormMasterUserEdit() {
{errors.email?.message && ( {errors.email?.message && (
<p className="text-red-400 text-sm">{errors.email?.message}</p> <p className="text-red-400 text-sm">{errors.email?.message}</p>
)} )}
</div>
{/* <Controller {/* <Controller
control={control} control={control}
name="identityType" name="identityType"
@ -306,6 +316,9 @@ export default function FormMasterUserEdit() {
{errors.identityType?.message} {errors.identityType?.message}
</p> </p>
)} */} )} */}
<div className="flex flex-col gap-1">
<p className="text-sm">NRP</p>
<Controller <Controller
control={control} control={control}
name="identityNumber" name="identityNumber"
@ -314,7 +327,7 @@ export default function FormMasterUserEdit() {
type="number" type="number"
id="identityNumber" id="identityNumber"
placeholder="NRP..." placeholder="NRP..."
label="NRP" label=""
value={value} value={value}
onChange={onChange} onChange={onChange}
labelPlacement="outside" labelPlacement="outside"
@ -334,13 +347,16 @@ export default function FormMasterUserEdit() {
{errors.identityNumber?.message} {errors.identityNumber?.message}
</p> </p>
)} )}
</div>
<div className="flex flex-col gap-1">
<p className="text-sm">Alamat</p>
<Controller <Controller
control={control} control={control}
name="address" name="address"
render={({ field: { onChange, value } }) => ( render={({ field: { onChange, value } }) => (
<Textarea <Textarea
label="Alamat" label=""
labelPlacement="outside" labelPlacement="outside"
placeholder="Alamat..." placeholder="Alamat..."
variant="bordered" variant="bordered"
@ -358,6 +374,9 @@ export default function FormMasterUserEdit() {
{errors.address?.message && ( {errors.address?.message && (
<p className="text-red-400 text-sm">{errors.address?.message}</p> <p className="text-red-400 text-sm">{errors.address?.message}</p>
)} )}
</div>
<div className="flex flex-col gap-1">
<p className="text-sm">Gender</p>
<Controller <Controller
control={control} control={control}
@ -365,7 +384,7 @@ export default function FormMasterUserEdit() {
render={({ field: { onChange, value } }) => ( render={({ field: { onChange, value } }) => (
<RadioGroup <RadioGroup
orientation="horizontal" orientation="horizontal"
label="Gender" label=""
value={value} value={value}
onValueChange={onChange} onValueChange={onChange}
> >
@ -375,9 +394,12 @@ export default function FormMasterUserEdit() {
)} )}
/> />
{errors.genderType?.message && ( {errors.genderType?.message && (
<p className="text-red-400 text-sm">{errors.genderType?.message}</p> <p className="text-red-400 text-sm">
{errors.genderType?.message}
</p>
)} )}
</div>
<div className="flex flex-col gap-1">
<Controller <Controller
control={control} control={control}
name="userLevelType" name="userLevelType"
@ -410,6 +432,8 @@ export default function FormMasterUserEdit() {
{errors.userLevelType?.message} {errors.userLevelType?.message}
</p> </p>
)} )}
</div>
<div className="flex flex-col gap-1">
<Controller <Controller
control={control} control={control}
name="userRoleType" name="userRoleType"
@ -442,6 +466,10 @@ export default function FormMasterUserEdit() {
{errors.userRoleType?.message} {errors.userRoleType?.message}
</p> </p>
)} )}
</div>
<div className="flex flex-col gap-1">
<p className="text-sm">No. Handphone</p>
<Controller <Controller
control={control} control={control}
name="phoneNumber" name="phoneNumber"
@ -450,7 +478,7 @@ export default function FormMasterUserEdit() {
type="number" type="number"
id="identityNumber" id="identityNumber"
placeholder="08*********" placeholder="08*********"
label="No. Handphone" label=""
value={value} value={value}
onChange={onChange} onChange={onChange}
labelPlacement="outside" labelPlacement="outside"
@ -464,7 +492,7 @@ export default function FormMasterUserEdit() {
{errors.phoneNumber?.message} {errors.phoneNumber?.message}
</p> </p>
)} )}
</div>
<div className="flex justify-end gap-3"> <div className="flex justify-end gap-3">
<Link href={`/admin/master-user`}> <Link href={`/admin/master-user`}>
<Button color="danger" variant="ghost"> <Button color="danger" variant="ghost">

1
services/master-user.ts
View File

@ -51,6 +51,7 @@ export async function setupEmail(data: any) {
export async function getDetailMasterUsers(id: string) { export async function getDetailMasterUsers(id: string) {
const headers = { const headers = {
"content-type": "application/json", "content-type": "application/json",
Authorization: `Bearer ${token}`,
}; };
return await httpGet(`/users/detail/${id}`, headers); return await httpGet(`/users/detail/${id}`, headers);
} }