Initial Release

2025-05-09 21:28:07 +07:00
commit 0c6cd18e6f
244 changed files with 50633 additions and 0 deletions
@@ -0,0 +1,95 @@
+
+import React from "react";
+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 "./UserProfilePictureField";
+import UserTextField from "./UserTextField";
+import UserToggleField from "./UserToggleField";
+import { DialogFooter } from "@/components/ui/dialog";
+
+interface AddUserFormProps {
+  form: UseFormReturn<any>;
+  onSubmit: (data: any) => void;
+  isSubmitting: boolean;
+}
+
+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
+            control={form.control}
+            name="full_name"
+            label="Full Name"
+            placeholder="Enter full name"
+          />
+          
+          <UserTextField
+            control={form.control}
+            name="email"
+            label="Email"
+            placeholder="Enter email"
+            type="email"
+          />
+          
+          <UserTextField
+            control={form.control}
+            name="username"
+            label="Username"
+            placeholder="Enter username"
+          />
+          
+          <UserTextField
+            control={form.control}
+            name="role"
+            label="Role"
+            placeholder="Enter role (e.g. admin, user)"
+          />
+          
+          <UserTextField
+            control={form.control}
+            name="password"
+            label="Password"
+            placeholder="Enter password"
+            type="password"
+          />
+          
+          <UserTextField
+            control={form.control}
+            name="passwordConfirm"
+            label="Confirm Password"
+            placeholder="Confirm password"
+            type="password"
+          />
+        </div>
+        
+        <UserToggleField
+          control={form.control}
+          name="isActive"
+          label="Active Status"
+          description="User will be able to access the system"
+        />
+
+        <DialogFooter className="pt-4">
+          <Button type="submit" disabled={isSubmitting}>
+            {isSubmitting ? (
+              <>
+                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                Creating...
+              </>
+            ) : (
+              "Create User"
+            )}
+          </Button>
+        </DialogFooter>
+      </form>
+    </Form>
+  );
+};
+
+export default AddUserForm;