client server total test

src/MyPages/MyPage.js

@@ -10,9 +10,12 @@ import Character4 from '../images/Character4.png';
 
 function MyPage({ accessToken, isLogIn, loginCheck, userInfo }) {
   const PhotoData = [Character1, Character2, Character3, Character4];
-  const [nowPhoto, setPhoto] = useState(Character1);
+
   const [isOpen, setIsOpen] = useState(false);
   const [isPhotoBoxOpen, setIsPhotoBoxOpen] = useState(false);
+  const { nickname, email, profile_image, comment, id } = userInfo
+  const defaultImageNum = profile_image === null ? 0 : profile_image
+  const [nowPhoto, setPhoto] = useState(PhotoData[defaultImageNum]);
   const ChangeInputPhoto = function (photo) {
     // e.preventDefault();
     setPhoto(photo);
@@ -42,6 +45,23 @@ function MyPage({ accessToken, isLogIn, loginCheck, userInfo }) {
     };
   });
 
+
+
+  const MyPageSaveData= async () =>{
+    const PhotoNum = PhotoData.findIndex(nowPhoto)
+    const SavePhoto = await axios.post(`http://localhost:4000/mypage/${id}/profile`,
+    {
+      authorization: accessToken,
+      new_profile: PhotoNum
+    },
+    {
+      headers: { 'Content-Type': 'application/json' },
+      Credentials: 'include',
+    })
+  }
+
+
+
   return (
     <div>
       <Header isOpen={isOpen} nowPhoto={nowPhoto} />

src/WaitingPages/Waiting.js

@@ -42,6 +42,7 @@ export default function Waiting({
           // Handle forward event
         } else {
           setLocationKeys((keys) => [location.key, ...keys]);
+
           history.push('/Waiting');
         }
       }