sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-07-30 06:20:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add admin checks for admin pages and run biome formating 🔨
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 11m8s
Details

Browse Source
This commit is contained in:
i701
2025-07-25 13:31:12 +05:00
parent aedf7cdf7d
commit 9b2f2c1528
127 changed files with 6577 additions and 6334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
components/user/user-update-form.tsx
View File

@ -17,83 +17,83 @@ import type { UserProfile } from "@/lib/types/user";
// } from "@/components/ui/select";
export default function UserUpdateForm({ user }: { user: UserProfile }) {
const initialState: UpdateUserFormState = {
message: "",
fieldErrors: {},
payload: new FormData(),
};
const [state, formAction, isPending] = useActionState(
updateUser,
initialState,
);
const initialState: UpdateUserFormState = {
message: "",
fieldErrors: {},
payload: new FormData(),
};
const [state, formAction, isPending] = useActionState(
updateUser,
initialState,
);
useEffect(() => {
if (state.message) {
if (state.fieldErrors) {
Object.entries(state.fieldErrors).forEach(([field, errors]) => {
errors.forEach((error) => {
toast.error(`Error in ${field}: ${error}`);
});
});
} else {
toast.success("Success", {
description: "User updated successfully",
closeButton: true,
});
}
}
}, [state]);
useEffect(() => {
if (state.message) {
if (state.fieldErrors) {
Object.entries(state.fieldErrors).forEach(([field, errors]) => {
errors.forEach((error) => {
toast.error(`Error in ${field}: ${error}`);
});
});
} else {
toast.success("Success", {
description: "User updated successfully",
closeButton: true,
});
}
}
}, [state]);
return (
<div id="user-update-form">
<Button
onClick={() => window.history.back()}
variant="outline"
className="mb-4"
>
<MoveLeft />
Go Back
</Button>
<form action={formAction}>
<h4 className="p-2 rounded font-semibold text-muted-foreground">
Update User Information
</h4>
<div className="border border-dashed border-sarLinkOrange p-4 rounded-lg max-w-2xl">
<fieldset
disabled={isPending}
className="space-y-1 my-2 grid grid-cols-1 md:grid-cols-2 gap-4"
>
<input type="hidden" name="userId" value={user.id} />
<FloatingLabelInput
defaultValue={
user?.id_card || (state.payload?.get("id_card") as string)
}
size={10}
name="id_card"
label="ID Card"
/>
<FloatingLabelInput
defaultValue={
user?.first_name || (state.payload?.get("first_name") as string)
}
name="first_name"
label="First Name"
/>
<FloatingLabelInput
defaultValue={
user?.last_name || (state.payload?.get("last_name") as string)
}
name="last_name"
label="Last Name"
/>
<FloatingLabelInput
defaultValue={
user?.address || (state.payload?.get("address") as string)
}
name="address"
label="House Name"
/>
{/* <Select>
return (
<div id="user-update-form">
<Button
onClick={() => window.history.back()}
variant="outline"
className="mb-4"
>
<MoveLeft />
Go Back
</Button>
<form action={formAction}>
<h4 className="p-2 rounded font-semibold text-muted-foreground">
Update User Information
</h4>
<div className="border border-dashed border-sarLinkOrange p-4 rounded-lg max-w-2xl">
<fieldset
disabled={isPending}
className="space-y-1 my-2 grid grid-cols-1 md:grid-cols-2 gap-4"
>
<input type="hidden" name="userId" value={user.id} />
<FloatingLabelInput
defaultValue={
user?.id_card || (state.payload?.get("id_card") as string)
}
size={10}
name="id_card"
label="ID Card"
/>
<FloatingLabelInput
defaultValue={
user?.first_name || (state.payload?.get("first_name") as string)
}
name="first_name"
label="First Name"
/>
<FloatingLabelInput
defaultValue={
user?.last_name || (state.payload?.get("last_name") as string)
}
name="last_name"
label="Last Name"
/>
<FloatingLabelInput
defaultValue={
user?.address || (state.payload?.get("address") as string)
}
name="address"
label="House Name"
/>
{/* <Select>
<SelectTrigger>
<SelectValue placeholder="Select an island" />
</SelectTrigger>
@ -123,29 +123,29 @@ export default function UserUpdateForm({ user }: { user: UserProfile }) {
</SelectGroup>
</SelectContent>
</Select> */}
<FloatingLabelInput
defaultValue={user?.dob}
name="dob"
type="date"
label="DOB"
/>
<FloatingLabelInput
defaultValue={user?.mobile}
name="mobile"
label="Phone Number"
/>
</fieldset>
<FloatingLabelInput
defaultValue={user?.dob}
name="dob"
type="date"
label="DOB"
/>
<FloatingLabelInput
defaultValue={user?.mobile}
name="mobile"
label="Phone Number"
/>
</fieldset>
<Button
disabled={isPending}
type="submit"
variant={"secondary"}
className="col-span-2 w-full"
>
{isPending ? <Loader2 className="animate-spin" /> : "Update User"}
</Button>
</div>
</form>
</div>
);
<Button
disabled={isPending}
type="submit"
variant={"secondary"}
className="col-span-2 w-full"
>
{isPending ? <Loader2 className="animate-spin" /> : "Update User"}
</Button>
</div>
</form>
</div>
);
}