Merge pull request #78 from Chat-Your-Way/CHAT-161-Recovery-Password-integration-Back-and-Front

Chat 161 recovery password integration back and front

Author: Vladyslav-Bekesh

src/components/RecoveryPasswordPageComponent/RecoveryPasswordPageComponent.jsx

@@ -5,6 +5,8 @@ import { LoginButton } from '../LoginPageComponent/LoginPageComponent.styled';
 import { useMediaQuery } from 'react-responsive';
 import { useForm } from 'react-hook-form';
 import { PATH } from '../../constans/routes';
+import { useParams } from 'react-router-dom';
+import { useResetPasswordMutation } from '../../redux/auth-operations';
 import {
   RecoveryPasswordWrapper,
   RecoveryPasswordForm,
@@ -17,6 +19,8 @@ import {
 
 function RecoveryPasswordPageComponent() {
   const isTablet = useMediaQuery({ query: '(min-width: calc(845px - 0.02px)' });
+  const { token } = useParams();
+  const [resetPassword] = useResetPasswordMutation();
   const {
     formState: { errors, isValid },
     handleSubmit,
@@ -30,8 +34,10 @@ function RecoveryPasswordPageComponent() {
 
   const onSubmit = (values) => {
     const { password } = values;
-    // eslint-disable-next-line no-console
-    console.log(password);
+    resetPassword({
+      newPassword: password,
+      token,
+    });
   };
 
   return (

src/redux/auth-operations.js

@@ -44,6 +44,12 @@ const authenticationApi = createApi({
         headers: { Authorization: `Bearer ${ajwt}` },
       }),
     }),
+    resetPassword: builder.mutation({
+      query: ({ newPassword, token }) => ({
+        url: `/change/password/restore?newPassword=${newPassword}&token=${token}`,
+        method: 'PATCH',
+      }),
+    }),
   }),
 });
 
@@ -53,6 +59,7 @@ export const {
   useLoginMutation,
   useActivateMutation,
   useLogoutMutation,
+  useResetPasswordMutation,
 } = authenticationApi;
 
 export default authenticationApi;