Add loading indicator to create module button (#329)

* Add loading indicator to create module button * Fix formatting --------- Co-authored-by: Ahmed Elsakaan <[email protected]>
noodle-run · Oct 31, 2023 · eda57dd · eda57dd
1 parent 90ffc5d
commit eda57dd
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/app/(dashboard)/_components/side-menu-modules.tsx b/src/app/(dashboard)/_components/side-menu-modules.tsx
@@ -194,7 +194,7 @@ const CreateModulePopover = () => {
 
   const utils = trpc.useUtils();
 
-  const { mutateAsync } = trpc.module.post.create.useMutation({
+  const { mutateAsync, isLoading } = trpc.module.post.create.useMutation({
     onSuccess: async () => {
       await utils.module.get.all.invalidate();
     },
@@ -362,7 +362,12 @@ const CreateModulePopover = () => {
                   <span className="text-default-500">Color</span>
                 </Button>
 
-                <Button type="submit" color="primary" className="font-semibold">
+                <Button
+                  isLoading={isLoading}
+                  type="submit"
+                  color="primary"
+                  className="font-semibold"
+                >
                   Create module
                 </Button>
               </>