Server log out after delete

apps/web/app/(app)/settings/DeleteSection.tsx

@@ -7,10 +7,13 @@ import {
   deleteAccountAction,
   resetAnalyticsAction,
 } from "@/utils/actions/user";
-import { handleActionResult } from "@/utils/server-action";
 import { logOut } from "@/utils/user";
+import { isActionError } from "@/utils/error";
+import { useStatLoader } from "@/providers/StatLoaderProvider";
 
 export function DeleteSection() {
+  const { onCancelLoadBatch } = useStatLoader();
+
   return (
     <FormSection>
       <FormSectionLeft
@@ -45,9 +48,19 @@ export function DeleteSection() {
 
             if (!yes) return;
 
-            const result = await deleteAccountAction();
-            handleActionResult(result, "Account deleted!");
-            await logOut("/");
+            toast.promise(
+              async () => {
+                onCancelLoadBatch();
+                const result = await deleteAccountAction();
+                await logOut("/");
+                if (isActionError(result)) throw new Error(result.error);
+              },
+              {
+                loading: "Deleting account...",
+                success: "Account deleted!",
+                error: (err) => `Error deleting account: ${err.message}`,
+              },
+            );
           }}
         >
           Yes, delete my account

apps/web/app/(app)/settings/WebhookSection.tsx

@@ -8,7 +8,7 @@ import { RegenerateSecretButton } from "@/app/(app)/settings/WebhookGenerate";
 export async function WebhookSection() {
   const session = await auth();
   const userId = session?.user.id;
-  if (!userId) throw new Error("Not authenticated");
+  if (!userId) return null;
 
   const user = await prisma.user.findUnique({
     where: { id: userId },

apps/web/app/(landing)/login/page.tsx

@@ -20,7 +20,6 @@ export default async function AuthenticationPage({
   searchParams?: Record<string, string>;
 }) {
   const session = await auth();
-  console.log("🚀 ~ session:", session?.user);
   if (session?.user.email && !searchParams?.error) {
     if (searchParams?.next) {
       redirect(searchParams?.next);

apps/web/app/(landing)/welcome-upgrade/page.tsx

@@ -4,6 +4,7 @@ import { Pricing } from "@/app/(app)/premium/Pricing";
 import { Footer } from "@/app/(landing)/home/Footer";
 import { Loading } from "@/components/Loading";
 import { WelcomeUpgradeNav } from "@/app/(landing)/welcome-upgrade/WelcomeUpgradeNav";
+import { userCount } from "@/utils/config";
 
 export default function WelcomeUpgradePage() {
   return (
@@ -18,7 +19,7 @@ export default function WelcomeUpgradePage() {
                   Spend 50% less time on email
                 </h2>
                 <p className="mt-2 font-cal text-2xl text-gray-900 sm:text-3xl">
-                  Join 9,000+ users that use Inbox Zero
+                  Join {userCount} users that use Inbox Zero
                   <br />
                   to be more productive!
                 </p>

apps/web/app/api/auth/[...nextauth]/auth.ts

@@ -9,6 +9,7 @@ const defaultAuthOptions = getAuthOptions();
 export const {
   handlers: { GET, POST },
   auth,
+  signOut,
 } = NextAuth((req) => {
   if (req?.url) {
     const url = new URL(req?.url);

apps/web/providers/StatLoaderProvider.tsx

@@ -23,12 +23,14 @@ type Context = {
     loadBefore: boolean;
     showToast: boolean;
   }) => Promise<void>;
+  onCancelLoadBatch: () => void;
 };
 
 const StatLoaderContext = createContext<Context>({
   isLoading: false,
   onLoad: async () => {},
   onLoadBatch: async () => {},
+  onCancelLoadBatch: () => {},
 });
 
 export const useStatLoader = () => useContext(StatLoaderContext);
@@ -64,6 +66,7 @@ const statLoader = new StatLoader();
 
 export function StatLoaderProvider(props: { children: React.ReactNode }) {
   const [isLoading, setIsLoading] = useState(false);
+  const [stopLoading, setStopLoading] = useState(false);
 
   const onLoad = useCallback(
     async (options: { loadBefore: boolean; showToast: boolean }) => {
@@ -78,18 +81,26 @@ export function StatLoaderProvider(props: { children: React.ReactNode }) {
     async (options: { loadBefore: boolean; showToast: boolean }) => {
       const batchSize = 50;
       for (let i = 0; i < batchSize; i++) {
+        if (stopLoading) break;
         console.log("Loading batch", i);
         await onLoad({
           ...options,
           showToast: options.showToast && i === batchSize - 1,
         });
       }
+      setStopLoading(false);
     },
-    [onLoad],
+    [onLoad, stopLoading],
   );
 
+  const onCancelLoadBatch = useCallback(() => {
+    setStopLoading(true);
+  }, []);
+
   return (
-    <StatLoaderContext.Provider value={{ isLoading, onLoad, onLoadBatch }}>
+    <StatLoaderContext.Provider
+      value={{ isLoading, onLoad, onLoadBatch, onCancelLoadBatch }}
+    >
       {props.children}
     </StatLoaderContext.Provider>
   );

apps/web/utils/actions/user.ts

@@ -3,7 +3,7 @@
 import { z } from "zod";
 import { deleteContact as deleteLoopsContact } from "@inboxzero/loops";
 import { deleteContact as deleteResendContact } from "@inboxzero/resend";
-import { auth } from "@/app/api/auth/[...nextauth]/auth";
+import { auth, signOut } from "@/app/api/auth/[...nextauth]/auth";
 import prisma from "@/utils/prisma";
 import { deleteInboxZeroLabels, deleteUserLabels } from "@/utils/redis/label";
 import { deleteUserStats } from "@/utils/redis/stats";
@@ -66,10 +66,14 @@ export const deleteAccountAction = withActionInstrumentation(
         }),
       ]);
     } catch (error) {
-      console.error("Error while deleting account: ", error);
+      console.error("Error while deleting account:", error);
       captureException(error, undefined, session.user.email);
     }
 
+    try {
+      await signOut();
+    } catch (error) {}
+
     await prisma.user.delete({ where: { email: session.user.email } });
   },
 );