fix: api 수정 (#7)

src/api/loginApi.ts

@@ -24,6 +24,45 @@ export const postSignUpNickname = async (body: { nickname: string }) => {
   return response.data;
 };
 
+export const postSignUpLast = async (profile: File | null) => {
+  const email = localStorage.getItem('email');
+  const password = localStorage.getItem('password');
+  const password_confirm = localStorage.getItem('password_confirm');
+  const name = localStorage.getItem('name');
+  const phone = localStorage.getItem('phone');
+  const nickname = localStorage.getItem('nickname');
+  const address = localStorage.getItem('address');
+
+  let profileBase64: string | null = null;
+  if (profile) {
+    profileBase64 = await new Promise<string | null>((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result as string);
+      reader.onerror = reject;
+      reader.readAsDataURL(profile);
+    });
+  }
+
+  const body = {
+    email,
+    password,
+    password_confirm,
+    name,
+    phone,
+    nickname,
+    address,
+    profile: profileBase64,
+  };
+
+  const response = await axiosInstance.post(`/users`, body, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+
+  return response.data;
+};
+
 export const postSignIn = async (body: { email: string; password: string }) => {
   const response = await axiosInstance.post(`/users/login`, body);
 
@@ -47,3 +86,9 @@ export const postResetPassword = async (
 
   return response.data;
 };
+
+export const postSignInSNS = async () => {
+  const response = await axiosInstance.post(`/users/sociallogin`);
+
+  return response.data;
+};

src/components/pages/login/SetLocationPage.tsx

@@ -89,6 +89,7 @@ function SetLocationPage() {
               const response = await postSignUpLocation({ address: region });
 
               if (response.message === '주소 확인 완료') {
+                localStorage.setItem('address', region);
                 navigate('/setnickname');
               } else {
                 alert('주소를 다시 확인해주세요.');

src/components/pages/login/SetNicknamePage.tsx

@@ -56,6 +56,8 @@ const SetNicknamePage = () => {
               const response = await postSignUpNickname({ nickname: nickname });
 
               if (response.message === '닉네임 중복 확인 완료') {
+                localStorage.setItem('nickname', nickname);
+
                 navigate('/setprofile');
               } else {
                 alert('닉네임이 중복입니다.');

src/components/pages/login/SetProfilePage.tsx

@@ -1,10 +1,12 @@
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { styled } from 'styled-components';
+import { postSignUpLast } from '../../../api/loginApi';
 
 const SetProfilePage = () => {
   const navigate = useNavigate();
   const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [selectedFile, setSelectedFile] = useState<File | null>(null);
 
   const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0];
@@ -14,6 +16,7 @@ const SetProfilePage = () => {
         setPreviewImage(reader.result as string);
       };
       reader.readAsDataURL(file);
+      setSelectedFile(file);
     }
   };
 
@@ -56,15 +59,17 @@ const SetProfilePage = () => {
         </ImageWrapper>
 
         <NextButton
-          onClick={() => {
+          onClick={async () => {
+            await postSignUpLast(selectedFile);
             navigate('/logincomplete');
           }}
         >
           Next
         </NextButton>
         <SkipWrapper>
           <SkipButton
-            onClick={() => {
+            onClick={async () => {
+              await postSignUpLast(null);
               navigate('/logincomplete');
             }}
           >

src/components/pages/login/SignInPage.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { styled } from 'styled-components';
-import { postSignIn } from '../../../api/loginApi';
+import { postSignIn, postSignInSNS } from '../../../api/loginApi';
 
 const SignInPage = () => {
   const navigate = useNavigate();
@@ -50,7 +50,11 @@ const SignInPage = () => {
         >
           Login
         </LoginButton>
-        <SNSButton>
+        <SNSButton
+          onClick={async () => {
+            await postSignInSNS();
+          }}
+        >
           <img
             src="/images/googlelogo.png"
             alt="Google Logo"

src/components/pages/login/SignUpPage.tsx

@@ -80,6 +80,12 @@ function SignUpPage() {
               });
 
               if (response.message === '이메일, 전화번호 중복 확인 완료') {
+                localStorage.setItem('email', email);
+                localStorage.setItem('password', pw);
+                localStorage.setItem('password_confirm', cpw);
+                localStorage.setItem('name', name);
+                localStorage.setItem('phone', phone);
+
                 navigate('/termsandservice');
               } else {
                 alert('이메일 또는 전화번호가 중복 되었습니다.');