fixes

src/admin/users/UsersRoot.tsx

@@ -53,9 +53,7 @@ const UsersRoot = () => {
                 roundedBottomRight={false}
             >
                 <Routes>
-                    <Route path="/users" element={<Users isCreating={false} setIsCreating={function (value: boolean): void {
-                        throw new Error("Function not implemented.");
-                    } }  />} />
+                    <Route path="/users" element={<Users />} />
                     <Route path="/roles" element={<Roles />} />
                     <Route path="/oauth2" element={<Oauth2 />} />
                 </Routes>
@@ -75,10 +73,7 @@ const UsersRoot = () => {
                             </Button>
                         )}
                         {isCreatingUser && (
-                            <CreateUserForm
-                                title={"Create User"}
-                                onClose={() => setIsCreatingUser(false)}
-                            />
+                            <CreateUserForm />
                         )}
                     </>
                 )}

src/admin/users/user/CreateUserForm.tsx

@@ -20,12 +20,10 @@ import { getErrorMessage } from '../../../utils/error';
 import InputPassword from '../../../ui/InputPassword';
 
 type UserFormProps = {
-  title: string;
   className?: string;
-  onClose: () => void;
 };
 
-const CreateUserForm = ({ title, className, onClose }: UserFormProps) => {
+const CreateUserForm = ({ className }: UserFormProps) => {
   const { toastSuccess, toastError } = useCustomToast();
   const [firstName, setFirstName] = useState('');
   const [lastName, setLastName] = useState('');
@@ -81,8 +79,7 @@ const CreateUserForm = ({ title, className, onClose }: UserFormProps) => {
   return (
     <FormCard
       className={`${className} bg-light-gray`}
-      title={title}
-      onClose={onClose}
+      title={"Create user"}
       onSubmit={handleSubmit}
     >
       <div className="grid grid-cols-1 col-span-3 gap-3 lg:grid-cols-3 lg:gap-11">
@@ -145,7 +142,7 @@ const CreateUserForm = ({ title, className, onClose }: UserFormProps) => {
             options={rolesOptions ?? []}
             placeholder="Select a Rôle"
             onChange={(option) => setSelectedRole({ value: option.value, label: option.value })}
-            value={selectedRole}
+            value={selectedRole?.value ?? null}
           />
         </label>
       </div>

src/admin/users/user/Users.tsx

@@ -11,11 +11,9 @@ import EditUserForm from "./EditUserForm";
 
 type UsersProps = {
   className?: string;
-  isCreating: boolean;
-  setIsCreating: (value: boolean) => void;
 };
 
-const Users = ({ className, isCreating, setIsCreating }: UsersProps) => {
+const Users = ({ className = "" }: UsersProps) => {
   const { toastSuccess, toastError } = useCustomToast();
   const { confirm } = useConfirm();
   const [userToEdit, setUserToEdit] = useState<User | null>(null);
@@ -39,7 +37,6 @@ const Users = ({ className, isCreating, setIsCreating }: UsersProps) => {
 
   const editUser = (user: User) => {
     setUserToEdit(user);
-    setIsCreating(false);
   };
 
   const deleteUserHandler = async (user: User) => {
@@ -68,13 +65,11 @@ const Users = ({ className, isCreating, setIsCreating }: UsersProps) => {
         />
       )}
       <div>
-        {isCreating ? (
+
           <CreateUserForm
-            title={"Create User"}
             className="bg-gray-200"
-            onClose={() => setIsCreating(false)}
           />
-        ) : null}
+
         {userToEdit ? (
           <EditUserForm
             title={"Edit User"}

src/ui/Badge.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 type Size = "sm" | "md" | "lg" | "xl";
 
 type BadgeProps = {

tsconfig.json

@@ -29,7 +29,7 @@
   "include": [
     "src",
     "types.d.ts",
-    "stories", 
+    //"stories", 
     "vite-env.d.ts",
   ],
   "references": [