minor error handling

components/Modal/User/ProfileSettings.tsx

@@ -78,28 +78,25 @@ export default function ProfileSettings({
     if (response.ok) {
       toast.success("Settings Applied!");
       toggleSettingsModal();
-    } else toast.error(response.data as string);
 
-    setSubmitLoader(false);
+      if (
+        user.username !== account.username ||
+        user.name !== account.name ||
+        user.email !== account.email
+      ) {
+        update({
+          username: user.username,
+          email: user.username,
+          name: user.name,
+        });
 
-    if (
+        signOut();
-      user.username !== account.username ||
+      }
-      user.name !== account.name ||
-      user.email !== account.email
-    ) {
-      update({
-        username: user.username,
-        email: user.username,
-        name: user.name,
-      });
 
-      signOut();
-    }
-
-    if (response.ok) {
       setUser({ ...user, newPassword: undefined });
       toggleSettingsModal();
-    }
+    } else toast.error(response.data as string);
+    setSubmitLoader(false);
   };
 
   return (

lib/api/controllers/users/updateUser.ts

@@ -20,6 +20,26 @@ export default async function updateUser(
       status: 400,
     };
 
+  const userIsTaken = await prisma.user.findFirst({
+    where: {
+      id: { not: sessionUser.id },
+      OR: [
+        {
+          username: user.username.toLowerCase(),
+        },
+        {
+          email: user.email.toLowerCase(),
+        },
+      ],
+    },
+  });
+
+  if (userIsTaken)
+    return {
+      response: "Username/Email is taken.",
+      status: 400,
+    };
+
   // Avatar Settings
 
   const profilePic = user.profilePic;