Add sample form

astro/src/components/AddRetailerForm.tsx

@@ -22,46 +22,46 @@ export function AddRetailerForm() {
       message: "Username must be at least 2 characters.",
     }),
   })
-  
+
-  
+
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
     defaultValues: {
       username: "",
     },
   })
- 
+
   function onSubmit(values: z.infer<typeof formSchema>) {
     // Do something with the form values.
     // ✅ This will be type-safe and validated according to z schema.
     console.log(values)
   }
-
+  
   return (
     <div className="flex justify-center">
-    <div>
+      <div>
-      <Form {...form}>
+        <Form {...form}>
-        <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
-          <FormField
+            <FormField
-            control={form.control}
+              control={form.control}
-            name="username"
+              name="username"
-            render={({ field }) => (
+              render={({ field }) => (
-              <FormItem>
+                <FormItem>
-                <FormLabel>Username</FormLabel>
+                  <FormLabel>Username</FormLabel>
-                <FormControl>
+                  <FormControl>
-                  <Input placeholder="" {...field} />
+                    <Input placeholder="" {...field} />
-                </FormControl>
+                  </FormControl>
-                <FormDescription>
+                  <FormDescription>
-                  This is your public display name.
+                    This is your public display name.
-                </FormDescription>
+                  </FormDescription>
-                <FormMessage />
+                  <FormMessage />
-              </FormItem>
+                </FormItem>
-            )}
+              )}
-          />
+            />
-          <Button variant={"default"} type="submit">Submit</Button>
+            <Button variant={"default"} type="submit">Submit</Button>
-        </form>
+          </form>
-      </Form>
+        </Form>
-    </div>
+      </div>
     </div>
   )
 }