organization created successfully

src/components/Organization/ManageOrganization.jsx

@@ -6,14 +6,17 @@ import {
   organizationSchema,
 } from "./OrganizationSchema";
 import Modal from "../common/Modal";
-import { useCreateOrganization, useOrganizationModal } from "../../hooks/useOrganization";
+import {
+  useCreateOrganization,
+  useOrganizationModal,
+} from "../../hooks/useOrganization";
 import Label from "../common/Label";
 import SelectMultiple from "../common/SelectMultiple";
 import { useServices } from "../../hooks/masterHook/useMaster";
 
 const ManageOrganization = () => {
   const orgModal = useOrganizationModal();
-  const { data: services,isLoading } = useServices();
+  const { data: services, isLoading } = useServices();
 
   const method = useForm({
     resolver: zodResolver(organizationSchema),
@@ -23,15 +26,20 @@ const ManageOrganization = () => {
   const {
     handleSubmit,
     register,
+    reset,
     formState: { errors },
   } = method;
 
-  const {mutate:CreateOrganization,isPending} = useCreateOrganization(()=>{})
+  const { mutate: CreateOrganization, isPending } = useCreateOrganization(
+    () => {
+      reset(defaultOrganizationValues);
+      orgModal.onClose();
+    }
+  );
 
   const onSubmit = (OrgPayload) => {
-    CreateOrganization()
+    CreateOrganization(OrgPayload);
   };
-  console.log(services)
   const contentBody = (
     <FormProvider {...method}>
       <form className="form" onSubmit={handleSubmit(onSubmit)}>
@@ -118,12 +126,17 @@ const ManageOrganization = () => {
           <button
             type="button"
             className="btn btn-sm btn-secondary"
-            onClick={orgModal.onClose} disabled={isPending || isLoading}
+            onClick={orgModal.onClose}
+            disabled={isPending || isLoading}
           >
             Cancel
           </button>
-          <button type="submit" className="btn btn-sm btn-primary" disabled={isPending || isLoading}>
+          <button
-            {isPending  ? "Please Wait...":"Submit"}
+            type="submit"
+            className="btn btn-sm btn-primary"
+            disabled={isPending || isLoading}
+          >
+            {isPending ? "Please Wait..." : "Submit"}
           </button>
         </div>
       </form>