feat: refactor AdminCreateUserForm to use defaultValues and add reset functionality

src/app/(main)/gitea/admin/users/page.tsx

@@ -25,6 +25,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import logger from "@/lib/logger";
+import { useEffect } from "react";
 import { Loader2 } from "lucide-react";
 import { useForm } from "react-hook-form";
 import { useToast } from "@/hooks/use-toast";
@@ -53,20 +54,22 @@ const formSchema = z.object({
   must_change_password: z.coerce.boolean().default(true),
 });
 
+const defaultValues: z.infer<typeof formSchema> = {
+  source_id: 0,
+  visibility: "public",
+  username: "",
+  email: "",
+  password: "",
+  must_change_password: true,
+};
+
 export default function AdminCreateUserForm() {
   const { toast } = useToast();
   const { user, error, loading, adminCreateUser } = adminCreateUserStore();
 
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
-    defaultValues: {
+    defaultValues,
-      source_id: 0,
-      visibility: "public",
-      username: "",
-      email: "",
-      password: "",
-      must_change_password: true,
-    },
   });
 
   function onSubmit(values: z.infer<typeof formSchema>) {
@@ -91,6 +94,14 @@ export default function AdminCreateUserForm() {
     }
   }
 
+  function onReset() {
+    form.reset(defaultValues);
+  }
+
+  useEffect(() => {
+    form.reset(defaultValues);
+  }, [form]);
+
   return (
     <div className="h-full w-full flex items-center justify-center px-4">
       <Card className="mx-auto min-w-80">
@@ -109,7 +120,7 @@ export default function AdminCreateUserForm() {
                     <FormLabel>Authentication Source</FormLabel>
                     <Select
                       onValueChange={field.onChange}
-                      defaultValue={field.value.toString()}
+                      value={field.value.toString()}
                     >
                       <FormControl>
                         <SelectTrigger>
@@ -130,10 +141,7 @@ export default function AdminCreateUserForm() {
                 render={({ field }) => (
                   <FormItem>
                     <FormLabel>User visibility</FormLabel>
-                    <Select
+                    <Select onValueChange={field.onChange} value={field.value}>
-                      onValueChange={field.onChange}
-                      defaultValue={field.value}
-                    >
                       <FormControl>
                         <SelectTrigger>
                           <SelectValue />
@@ -212,15 +220,20 @@ export default function AdminCreateUserForm() {
                   </FormItem>
                 )}
               />
-              <Button type="submit" disabled={loading}>
+              <div className="flex items-center justify-between">
-                {loading ? (
+                <Button variant="outline" onClick={onReset}>
-                  <>
+                  Reset
-                    <Loader2 className="animate-spin" /> Submitting...
+                </Button>
-                  </>
+                <Button type="submit" disabled={loading}>
-                ) : (
+                  {loading ? (
-                  "Submit"
+                    <>
-                )}
+                      <Loader2 className="animate-spin" /> Submitting...
-              </Button>
+                    </>
+                  ) : (
+                    "Submit"
+                  )}
+                </Button>
+              </div>
             </form>
           </Form>
         </CardContent>