init

src/features/login/hooks/use-create-user.ts

@@ -0,0 +1,42 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { authQueryConfig } from "@/contexts/auth-context";
+import { useNavigate } from "@tanstack/react-router";
+import { associatePlayer, createPlayer } from "@/features/players/server";
+import toast from '@/lib/sonner';
+
+const useCreateUser = () => {
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  
+  return useMutation({
+    mutationFn: (data: { first_name: string, last_name: string } | string) => {
+      if (typeof data === 'string') {
+        return associatePlayer({ data });
+      } else {
+        return createPlayer({ data });
+      }
+    },
+    onSuccess: (data) => {
+      if (!data) {
+        toast.error('There was an issue creating your account. Please try again later.');
+        navigate({ to: '/login' });
+      } else {
+        queryClient.setQueryData(authQueryConfig.queryKey, (old: any) => ({
+          ...old,
+          user: data
+        }));
+        toast.success('Account created successfully!');
+        navigate({ to: '/' });
+      }
+    },
+    onError: (error: any) => {
+      if (error.message) {
+        toast.error(error.message);
+      } else {
+        toast.error('An unexpected error occurred when trying to create an account. Please try again later.');
+      }
+    },
+  });
+};
+
+export default useCreateUser;