Moving files and rename some of them.

2026-07-14 11:16:13 +02:00 · 2024-12-16 16:30:00 +01:00
parent c97d68d697
commit 31ee81c10f
75 changed files with 64 additions and 175 deletions
@@ -0,0 +1,77 @@
+"use client"
+
+import {useMutation} from "@tanstack/react-query";
+
+import {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger} from "@/components/ui/dialog";
+import {Button} from "@/components/ui/button";
+import {Form, FormControl, FormField, FormItem, FormLabel, FormMessage, useZodForm} from "@/components/ui/form";
+import {Input} from "@/components/ui/input";
+import {OrganizationSchema} from "@/components/wrappers/dashboard/organization/organization.schema";
+
+export type createOrganizationModalProps = {
+    children: any
+}
+
+
+export function CreateOrganizationModal(props: createOrganizationModalProps) {
+
+    const {children} = props;
+
+    const form = useZodForm({
+        schema: OrganizationSchema,
+    });
+
+    const mutation = useMutation({
+        mutationFn: async (values: OrganizationSchema) => {
+        }
+    })
+
+
+    return (
+        <Dialog>
+
+            <DialogTrigger asChild>
+                {children}
+            </DialogTrigger>
+
+            <DialogContent className="sm:max-w-[425px] w-full">
+
+                <DialogHeader>
+                    <DialogTitle>Create a new organization</DialogTitle>
+                </DialogHeader>
+
+                <div className="sm:max-w-[375px] w-full">
+                    <Form form={form}
+                          className="flex flex-col gap-4"
+                          onSubmit={async (values) => {
+                              await mutation.mutateAsync(values);
+                          }}
+                    >
+                        <FormField
+                            control={form.control}
+                            name="name"
+                            defaultValue=""
+                            render={({field}) => (
+                                <FormItem>
+                                    <FormLabel>Name</FormLabel>
+                                    <FormControl>
+                                        <Input {...field} />
+                                    </FormControl>
+                                    <FormMessage/>
+                                </FormItem>
+                            )}
+                        />
+                    </Form>
+                </div>
+
+                <DialogFooter>
+                    <div className="flex items-center justify-between w-full">
+                        <Button type="submit">Create</Button>
+                    </div>
+                </DialogFooter>
+
+            </DialogContent>
+
+        </Dialog>
+    )
+}