From 1073cf3eb020ef86f1bbae9172d38c427cdaaa30 Mon Sep 17 00:00:00 2001
From: Sokilskill <vprovorotov@gmail.com>
Date: Sun, 21 Jan 2024 01:05:12 +0200
Subject: [PATCH] fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

трохи пофіксив проблему, пов'язану з бекендом. Коли забирає дані користувача get/profiles, бек повертає nul. так як запис name email в profile.owner відбувається тільки після відправки форми з даними про користувача з proflePage. Також name  при реєстрації не змінюється, якщо змінити ім'я в налаштуваннях.
---
 src/components/UserForm/UserForm.jsx | 48 +++++++++++-----------------
 src/redux/profileSettings/slice.js   |  6 ++--
 2 files changed, 22 insertions(+), 32 deletions(-)

diff --git a/src/components/UserForm/UserForm.jsx b/src/components/UserForm/UserForm.jsx
index 949af0f..8408598 100644
--- a/src/components/UserForm/UserForm.jsx
+++ b/src/components/UserForm/UserForm.jsx
@@ -8,12 +8,13 @@ import {
   getUserProfile,
   updateUserName,
 } from '../../redux/profileSettings/operations';
-import { useEffect } from 'react';
+
 import {
-  selectProfileEmail,
   selectProfileName,
   selectUserProfile,
 } from '../../redux/profileSettings/selectors';
+import { selectUser } from '../../redux/auth/auth-selectors';
+import { useEffect } from 'react';
 
 // import 'react-toastify/dist/ReactToastify.css';
 
@@ -299,33 +300,21 @@ export const UserForm = () => {
     levelActivity,
   } = useSelector(selectUserProfile);
   const userName = useSelector(selectProfileName);
-  const userEmail = useSelector(selectProfileEmail);
+  // const userEmail = useSelector(selectProfileEmail);
+  const userCurrent = useSelector(selectUser);
 
   useEffect(() => {
-    // const fetchData = () => {
-    //   dispatch(getUserProfile());
-    // };
-    // fetchData();
-    dispatch(getUserProfile());
-
-    // console.log('userData', userData);
-  }, [dispatch]);
-
-  // const validationSchema = Yup.object().shape({
-  //   name: Yup.string().required('Name is required'),
-  //   email: Yup.string().required('email is required'),
-  //   height: Yup.number().required('height is required'),
-  //   currentWeight: Yup.number().required('currentWeight is required'),
-  //   desiredWeight: Yup.number().required('desiredWeight is required'),
-  //   birthday: Yup.number().required('birthday is required'),
-  //   blood: Yup.number().required('blood is required'),
-  //   sex: Yup.string().required('gender is required'),
-  //   levelActivity: Yup.number().required('levelActivity is required'),
-  // });
+    if (userName) {
+      dispatch(getUserProfile());
+    }
+  }, [dispatch, userName]);
+
+  const currentName = userName ? userName : userCurrent.name;
+  console.log('currentName', currentName);
 
   const initialValues = {
-    name: userName || '',
-    email: userEmail || '',
+    name: currentName || '',
+    email: userCurrent.email || '',
     height: height || '',
     currentWeight: currentWeight || '',
     desiredWeight: desiredWeight || '',
@@ -342,9 +331,9 @@ export const UserForm = () => {
       console.log('DATA', data);
       const { name, email, ...profileData } = data;
       const updateNameResult = await dispatch(updateUserName({ name }));
-      console.log('PROFILEDATA]', profileData);
-      const updateProfileDataResult = await dispatch(addUserData(profileData));
 
+      // console.log('PROFILEDATA]', profileData);
+      const updateProfileDataResult = await dispatch(addUserData(profileData));
       // console.log('updateNameResult', updateNameResult);
       // console.log('updateProfileDataResult', updateProfileDataResult);
 
@@ -352,6 +341,8 @@ export const UserForm = () => {
         updateNameResult.meta.requestStatus === 'fulfilled' &&
         updateProfileDataResult.meta.requestStatus === 'fulfilled'
       ) {
+        await dispatch(getUserProfile());
+
         toast.success('Дані оброблюються, створюється план тренувань');
       } else {
         console.log('Помилка оновлення даних');
@@ -363,8 +354,7 @@ export const UserForm = () => {
   };
 
   return (
-    userName &&
-    userEmail && (
+    currentName && (
       <Formik
         initialValues={initialValues}
         validationSchema={ProfileSchema}
diff --git a/src/redux/profileSettings/slice.js b/src/redux/profileSettings/slice.js
index 2bedb28..774409e 100644
--- a/src/redux/profileSettings/slice.js
+++ b/src/redux/profileSettings/slice.js
@@ -38,14 +38,14 @@ const handleRejected = (state, action) => {
   state.error = action.payload;
 };
 
-const handleAddUserDataFulfilled = (state, action) => {
+const handleAddUserDataFulfilled = (state) => {
   // console.log('actionUPDATE++++++++', action.payload);
   // state = { ...state, ...action.payload.profile };
   state.isLoading = false;
   state.error = null;
 };
 
-const handleUpdateUserNameFulfilled = (state, action) => {
+const handleUpdateUserNameFulfilled = (state) => {
   // console.log('actionUPDATE NAMEEE++++++++', action);
   // state.profile.owner.name = action.payload.name;
   state.isLoading = false;
@@ -60,7 +60,7 @@ const handleUpdateAvatarFulfilled = (state, action) => {
 
 const handleGetUserProfileFulfilled = (state, action) => {
   // console.log('action.payload.result', action.payload.result);
-  state.profile = { ...state, ...action.payload.result };
+  state.profile = { ...action.payload.result };
   state.isLoading = false;
   state.error = null;
 };