🐛 Fix race condition (#1625)

apps/web/src/components/create-poll.tsx

@@ -69,13 +69,6 @@ export const CreatePoll: React.FunctionComponent = () => {
   const posthog = usePostHog();
   const createPoll = trpc.polls.create.useMutation({
     networkMode: "always",
-    onMutate: async () => {
-      if (session.status !== "authenticated") {
-        await signIn("guest", {
-          redirect: false,
-        });
-      }
-    },
     onError: (error) => {
       if (error.data?.code === "BAD_REQUEST") {
         toast({
@@ -91,6 +84,11 @@ export const CreatePoll: React.FunctionComponent = () => {
       <form
         onSubmit={form.handleSubmit(async (formData) => {
           const title = required(formData?.title);
+          if (session.status !== "authenticated") {
+            await signIn("guest", {
+              redirect: false,
+            });
+          }
           await createPoll.mutateAsync(
             {
               title: title,

apps/web/src/components/discussion/discussion.tsx

@@ -84,13 +84,6 @@ function NewCommentForm({
   const { toast } = useToast();
 
   const addComment = trpc.polls.comments.add.useMutation({
-    onMutate: async () => {
-      if (session.status !== "authenticated") {
-        await signIn("guest", {
-          redirect: false,
-        });
-      }
-    },
     onSuccess: () => {
       posthog?.capture("created comment");
     },
@@ -105,6 +98,11 @@ function NewCommentForm({
     <form
       className="w-full space-y-2.5"
       onSubmit={handleSubmit(async ({ authorName, content }) => {
+        if (session.status !== "authenticated") {
+          await signIn("guest", {
+            redirect: false,
+          });
+        }
         await addComment.mutateAsync({ authorName, content, pollId });
         reset({ authorName, content: "" });
         onSubmit?.();