From 79fda8105f7cb5c1367716db43434ce2b3c274c8 Mon Sep 17 00:00:00 2001
From: Tola Leng <tolaleng.oss@gmail.com>
Date: Mon, 15 Sep 2025 22:08:29 +0700
Subject: [PATCH] refactor: profile picture selection

- Removed profile picture selection UI from create/edit user forms. We will use the randome avatar instead.
---
 .../src/components/settings/user-management/EditUserDialog.tsx  | 2 --
 .../settings/user-management/form-fields/AddUserForm.tsx        | 2 --
 .../components/settings/user-management/hooks/useUserForm.ts    | 2 +-
 3 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/application/src/components/settings/user-management/EditUserDialog.tsx b/application/src/components/settings/user-management/EditUserDialog.tsx
index e57f820..f14a0aa 100644
--- a/application/src/components/settings/user-management/EditUserDialog.tsx
+++ b/application/src/components/settings/user-management/EditUserDialog.tsx
@@ -17,7 +17,6 @@ import { Loader2, AlertCircle } from "lucide-react";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import UserTextField from "./form-fields/UserTextField";
 import UserToggleField from "./form-fields/UserToggleField";
-import UserProfilePictureField from "./form-fields/UserProfilePictureField";
 import UserRoleField from "./form-fields/UserRoleField";
 
 interface EditUserDialogProps {
@@ -62,7 +61,6 @@ const EditUserDialog = ({
             
             <Form {...form}>
               <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-                <UserProfilePictureField control={form.control} />
                 
                 <div className="grid grid-cols-2 gap-4">
                   <UserTextField
diff --git a/application/src/components/settings/user-management/form-fields/AddUserForm.tsx b/application/src/components/settings/user-management/form-fields/AddUserForm.tsx
index 95e81b8..013c2ac 100644
--- a/application/src/components/settings/user-management/form-fields/AddUserForm.tsx
+++ b/application/src/components/settings/user-management/form-fields/AddUserForm.tsx
@@ -4,7 +4,6 @@ import { Form } from "@/components/ui/form";
 import { Button } from "@/components/ui/button";
 import { Loader2 } from "lucide-react";
 import { UseFormReturn } from "react-hook-form";
-import { UserProfilePictureField } from "./";
 import { UserTextField } from "./";
 import { UserToggleField } from "./";
 import { UserRoleField } from "./";
@@ -20,7 +19,6 @@ const AddUserForm = ({ form, onSubmit, isSubmitting }: AddUserFormProps) => {
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-        <UserProfilePictureField control={form.control} />
         
         <div className="grid grid-cols-2 gap-4">
           <UserTextField
diff --git a/application/src/components/settings/user-management/hooks/useUserForm.ts b/application/src/components/settings/user-management/hooks/useUserForm.ts
index ca6deab..2c7d7fb 100644
--- a/application/src/components/settings/user-management/hooks/useUserForm.ts
+++ b/application/src/components/settings/user-management/hooks/useUserForm.ts
@@ -27,7 +27,7 @@ export const useUserForm = () => {
       passwordConfirm: "",
       isActive: true,
       role: "user",
-      avatar: avatarOptions[0].url,
+      avatar: avatarOptions[Math.floor(Math.random() * avatarOptions.length)].url,
     },
   });