feat: 회원가입 - 위치 api 연동 (#7)

prgrms-web-devcourse-final-project · Dec 4, 2024 · bafdc26 · bafdc26
1 parent 0626807
commit bafdc26
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/api/loginApi.ts b/src/api/loginApi.ts
@@ -12,6 +12,12 @@ export const postSignUp = async (body: {
   return response.data;
 };
 
+export const postSignUpLocation = async (body: { address: string }) => {
+  const response = await axiosInstance.post(`/users/checkaddress`, body);
+
+  return response.data;
+};
+
 export const postSignIn = async (body: { email: string; password: string }) => {
   const response = await axiosInstance.post(`/users/login`, body);
 

diff --git a/src/components/pages/login/SetLocationPage.tsx b/src/components/pages/login/SetLocationPage.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
+import { postSignUpLocation } from '../../../api/loginApi';
 import KakaoMap from '../../common/KakaoMap';
 
 function SetLocationPage() {
@@ -83,8 +84,16 @@ function SetLocationPage() {
         </KakaoMapWrapper>
 
         <LoginButton
-          onClick={() => {
-            navigate('/setnickname');
+          onClick={async () => {
+            if (region) {
+              const response = await postSignUpLocation({ address: region });
+
+              if (response.message === '주소 확인 완료') {
+                navigate('/setnickname');
+              } else {
+                alert('주소를 다시 확인해주세요.');
+              }
+            }
           }}
         >
           Next