refactor: profile picture selection

- Removed profile picture selection UI from create/edit user forms. We will use the randome avatar instead.
This commit is contained in:
Tola Leng
2025-09-15 22:08:29 +07:00
parent 8d8e871b9f
commit 79fda8105f
3 changed files with 1 additions and 5 deletions
@@ -17,7 +17,6 @@ import { Loader2, AlertCircle } from "lucide-react";
import { Alert, AlertDescription } from "@/components/ui/alert"; import { Alert, AlertDescription } from "@/components/ui/alert";
import UserTextField from "./form-fields/UserTextField"; import UserTextField from "./form-fields/UserTextField";
import UserToggleField from "./form-fields/UserToggleField"; import UserToggleField from "./form-fields/UserToggleField";
import UserProfilePictureField from "./form-fields/UserProfilePictureField";
import UserRoleField from "./form-fields/UserRoleField"; import UserRoleField from "./form-fields/UserRoleField";
interface EditUserDialogProps { interface EditUserDialogProps {
@@ -62,7 +61,6 @@ const EditUserDialog = ({
<Form {...form}> <Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4"> <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
<UserProfilePictureField control={form.control} />
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<UserTextField <UserTextField
@@ -4,7 +4,6 @@ import { Form } from "@/components/ui/form";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Loader2 } from "lucide-react"; import { Loader2 } from "lucide-react";
import { UseFormReturn } from "react-hook-form"; import { UseFormReturn } from "react-hook-form";
import { UserProfilePictureField } from "./";
import { UserTextField } from "./"; import { UserTextField } from "./";
import { UserToggleField } from "./"; import { UserToggleField } from "./";
import { UserRoleField } from "./"; import { UserRoleField } from "./";
@@ -20,7 +19,6 @@ const AddUserForm = ({ form, onSubmit, isSubmitting }: AddUserFormProps) => {
return ( return (
<Form {...form}> <Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4"> <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
<UserProfilePictureField control={form.control} />
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<UserTextField <UserTextField
@@ -27,7 +27,7 @@ export const useUserForm = () => {
passwordConfirm: "", passwordConfirm: "",
isActive: true, isActive: true,
role: "user", role: "user",
avatar: avatarOptions[0].url, avatar: avatarOptions[Math.floor(Math.random() * avatarOptions.length)].url,
}, },
}); });