small fix

components/Modal/User/ChangePassword.tsx

@@ -52,13 +52,13 @@ export default function ChangePassword({
         toast.success("Settings Applied!");
 
         if (
+          user.email !== account.email ||
           user.username !== account.username ||
-          user.name !== account.name ||
-          user.email !== account.email
+          user.name !== account.name
         ) {
           update({
             username: user.username,
-            email: user.username,
+            email: user.email,
             name: user.name,
           });
 
@@ -71,6 +71,7 @@ export default function ChangePassword({
     } else {
       toast.error("Passwords do not match.");
     }
+    setSubmitLoader(false);
   };
 
   return (

components/Modal/User/PrivacySettings.tsx

@@ -2,7 +2,7 @@ import { Dispatch, SetStateAction, useEffect, useState } from "react";
 import Checkbox from "../../Checkbox";
 import useAccountStore from "@/store/account";
 import { AccountSettings } from "@/types/global";
-import { useSession } from "next-auth/react";
+import { signOut, useSession } from "next-auth/react";
 import { faPenToSquare } from "@fortawesome/free-regular-svg-icons";
 import SubmitButton from "../../SubmitButton";
 import { toast } from "react-hot-toast";
@@ -59,18 +59,25 @@ export default function PrivacySettings({
 
     if (response.ok) {
       toast.success("Settings Applied!");
-      toggleSettingsModal();
-    } else toast.error(response.data as string);
 
-    setSubmitLoader(false);
+      if (
+        user.email !== account.email ||
+        user.username !== account.username ||
+        user.name !== account.name
+      ) {
+        update({
+          username: user.username,
+          email: user.email,
+          name: user.name,
+        });
 
-    if (user.username !== account.username || user.name !== account.name)
-      update({ username: user.username, name: user.name });
+        signOut();
+      }
 
-    if (response.ok) {
       setUser({ ...user, newPassword: undefined });
       toggleSettingsModal();
-    }
+    } else toast.error(response.data as string);
+    setSubmitLoader(false);
   };
 
   return (

components/Modal/User/ProfileSettings.tsx

@@ -79,13 +79,13 @@ export default function ProfileSettings({
       toast.success("Settings Applied!");
 
       if (
+        user.email !== account.email ||
         user.username !== account.username ||
-        user.name !== account.name ||
-        user.email !== account.email
+        user.name !== account.name
       ) {
         update({
           username: user.username,
-          email: user.username,
+          email: user.email,
           name: user.name,
         });
 
@@ -175,6 +175,14 @@ export default function ProfileSettings({
               />
             </div>
           ) : undefined}
+
+          {user.username !== account.username ||
+          user.name !== account.name ||
+          user.email !== account.email ? (
+            <p className="text-gray-500">
+              You will need to log back in after you apply the changes.
+            </p>
+          ) : undefined}
         </div>
       </div>
 

components/Modal/User/index.tsx

@@ -24,8 +24,6 @@ export default function UserModal({
 }: Props) {
   const [user, setUser] = useState<AccountSettings>(activeUser);
 
-  console.log(activeUser);
-
   return (
     <div className={className}>
       <Tab.Group defaultIndex={defaultIndex}>

pages/api/auth/[...nextauth].ts

@@ -116,8 +116,6 @@ export const authOptions: AuthOptions = {
           PRICE_ID
         );
 
-        subscription.isSubscriber;
-
         if (subscription.subscriptionCanceledAt) {
           token.subscriptionCanceledAt = subscription.subscriptionCanceledAt;
         } else token.subscriptionCanceledAt = undefined;