fixed registration bug

Author: Amirelkanov

src/features/auth/api/authApi.ts

@@ -3,7 +3,7 @@ import { AuthCredentials } from "../model/types";
 
 export const authApiSlice = apiSlice.injectEndpoints({
     endpoints: (builder) => ({
-        register: builder.mutation<TokenPair, AuthCredentials>({
+        register: builder.mutation<void, AuthCredentials>({
             query: (credentials: AuthCredentials) => ({
                 url: "/users/register",
                 method: "POST",

src/features/auth/lib/mapAuthError.ts

@@ -75,6 +75,6 @@ export const mapAuthApiError = (
 
     return {
         title: "Не удалось выполнить запрос",
-        description: "Попробуйте повторить попытку или обратитесь к админу.",
+        description: "Попробуйте еще раз.",
     };
 };

src/features/auth/model/authSlice.ts

@@ -32,9 +32,6 @@ const slice = createSlice({
             .addMatcher(authApiSlice.endpoints.login.matchFulfilled, (state, { payload }) =>
                 applyTokens(state, payload),
             )
-            .addMatcher(authApiSlice.endpoints.register.matchFulfilled, (state, { payload }) =>
-                applyTokens(state, payload),
-            )
             .addMatcher(userApiSlice.endpoints.getMe.matchFulfilled, (state, { payload }) => {
                 state.user = payload;
             });

src/features/auth/ui/RegisterForm/RegisterForm.tsx

@@ -1,4 +1,4 @@
-import { useRegisterMutation } from "features/auth/api/authApi";
+import { useLoginMutation, useRegisterMutation } from "features/auth/api/authApi";
 import { registrationStruct } from "features/auth/model/authStruct";
 import { mapAuthApiError, mapValidationError } from "features/auth/lib/mapAuthError";
 import { FormEvent, FormEventHandler, useState } from "react";
@@ -22,7 +22,10 @@ export const RegisterForm = ({ onStatusChange }: RegisterFormProps) => {
 
     const navigate = useNavigate();
 
-    const [register, { isLoading }] = useRegisterMutation();
+    const [register, { isLoading: isRegisterLoading }] = useRegisterMutation();
+    const [login, { isLoading: isLoginLoading }] = useLoginMutation();
+
+    const isLoading = isLoginLoading || isRegisterLoading;
 
     const onSubmit: FormEventHandler<HTMLFormElement> = async (e: FormEvent<HTMLFormElement>) => {
         e.preventDefault();
@@ -41,9 +44,13 @@ export const RegisterForm = ({ onStatusChange }: RegisterFormProps) => {
 
         try {
             await register(result).unwrap();
+            await login({ nickname, password }).unwrap();
+
             onStatusChange?.(null);
+
             navigate(AppRoutes.INDEX);
         } catch (err) {
+            console.log(err);
             const payload = mapAuthApiError(err);
             onStatusChange?.(payload);
         }

src/pages/auth/ui/AuthPage.module.scss

@@ -4,7 +4,6 @@
     align-items: center;
     justify-content: center;
     gap: 1.5em;
-    min-height: 100%;
 }
 
 .statusBanner {