From a79b1c3283ece14b3643e5bc82b875e5ade588fc Mon Sep 17 00:00:00 2001
From: swh00tw <a6140000@gmail.com>
Date: Sun, 10 Mar 2024 23:43:53 -0400
Subject: [PATCH] fix: clamp invite code gen at 1

---
 .../app/admin/invite-code/provision/page.tsx  | 32 +++++++++++++------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/apps/recnet/src/app/admin/invite-code/provision/page.tsx b/apps/recnet/src/app/admin/invite-code/provision/page.tsx
index d7e628ad..1839c2e8 100644
--- a/apps/recnet/src/app/admin/invite-code/provision/page.tsx
+++ b/apps/recnet/src/app/admin/invite-code/provision/page.tsx
@@ -24,14 +24,17 @@ function InviteCodeGenerateForm() {
   const [newInviteCodes, setNewInviteCodes] = useState<string[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
 
-  const { register, handleSubmit, formState, setError } = useForm({
-    resolver: zodResolver(InviteCodeGenerationSchema),
-    defaultValues: {
-      count: 1,
-      owner: undefined,
-    },
-    mode: "onBlur",
-  });
+  const { register, handleSubmit, formState, setError, watch, setValue } =
+    useForm({
+      resolver: zodResolver(InviteCodeGenerationSchema),
+      defaultValues: {
+        count: 1,
+        owner: undefined,
+      },
+      mode: "onBlur",
+    });
+
+  console.log(watch("count"));
 
   return (
     <>
@@ -81,7 +84,18 @@ function InviteCodeGenerateForm() {
               <TextField.Slot>
                 <HashIcon size="12" className="text-gray-10" />
               </TextField.Slot>
-              <TextField.Input type="number" {...register("count")} />
+              <TextField.Input
+                type="number"
+                {...register("count", {
+                  onBlur: (e) => {
+                    if (e.target.value == "" || parseInt(e.target.value) < 1) {
+                      setValue("count", 1, {
+                        shouldValidate: true,
+                      });
+                    }
+                  },
+                })}
+              />
             </TextField.Root>
             {formState.errors.count ? (
               <Text size="1" color="red">