ui, ui button component fix

packages/features/updateUser.ts

@@ -2,22 +2,18 @@ import toast from "react-hot-toast";
 
 export const updateUser = async (user: any) => {
   if (!user) return;
-  toast
+  toast.promise(
-    .promise(
+    fetch("/api/users", {
-      fetch("/api/users", {
+      method: "PATCH",
-        method: "PATCH",
+      headers: {
-        headers: {
+        "Content-Type": "application/json",
-          "Content-Type": "application/json",
+      },
-        },
+      body: JSON.stringify(user),
-        body: JSON.stringify(user),
+    }),
-      }),
+    {
-      {
+      loading: "Saving Changes...",
-        loading: "Saving Changes...",
+      success: `Saved!`,
-        success: `Saved!`,
+      error: "Changes could not save user :/",
-        error: "Changes could not save user :/",
+    }
-      }
+  );
-    )
-    .then(() => {
-      // location.reload();
-    });
 };

packages/ui/components/button/Button.tsx

@@ -35,6 +35,7 @@ export function Button(props: any) {
   ) : (
     <button
       id={props.id}
+      type="button"
       className={classNames(
         baseStyles,
         color === "primary" ? primaryStyles : secondaryStyles,