✨ Feature : 홈화면, 마이페이지 email 받음

Author: kimjuyoung78

src/apis/myPage/updateGangbuntta.ts

@@ -0,0 +1,39 @@
+// import { AxiosError } from 'axios'
+// import { APIResponse, ErrorResponse } from '~types/api'
+// import { axiosInstance } from '~apis/axiosInstance'
+
+// export type UpdateGangbunttaRequest = {}
+
+// export type UpdateGangbunttaResponse = Pick<APIResponse>
+
+// export const updateGangbuntta = async (
+//   req: UpdateGangbunttaRequest
+// ): Promise<APIResponse<UpdateGangbunttaResponse>> => {
+//   try {
+//     const { data } = await axiosInstance.patch<APIResponse<UpdateGangbunttaResponse>>(`/member`, req)
+//     return data
+//   } catch (error) {
+//     if (error instanceof AxiosError) {
+//       const { response } = error as AxiosError<ErrorResponse>
+
+//       if (response) {
+//         const { code, message } = response.data
+//         switch (code) {
+//           case 400:
+//             throw new Error(message || '잘못된 요청입니다.')
+//           case 401:
+//             throw new Error(message || '인증에 실패했습니다.')
+//           case 500:
+//             throw new Error(message || '서버 오류가 발생했습니다.')
+//           default:
+//             throw new Error(message || '알 수 없는 오류가 발생했습니다.')
+//         }
+//       }
+//       // 요청 자체가 실패한 경우
+//       throw new Error('네트워크 연결을 확인해주세요')
+//     }
+
+//     console.error('예상치 못한 에러:', error)
+//     throw new Error('다시 시도해주세요')
+//   }
+// }

src/apis/register/createRegister.ts

@@ -15,7 +15,7 @@ export type CreateRegisterResponse = Pick<
 export const createRegister = async (req: CreateRegisterRequest): Promise<APIResponse<CreateRegisterResponse>> => {
   try {
     const response = await axiosInstance.post<APIResponse<CreateRegisterResponse>>(`/member/join`, req)
-
+    console.log(response)
     // 토큰 추출 및 저장
     const accessToken = (response.headers['authorization'] as string).split('Bearer ')[1]
 

src/pages/HomePage/index.tsx

@@ -33,7 +33,7 @@ function HomeContent() {
 
       <S.Visual>
         <Typo24 $weight='700' $textAlign='center'>
-          오늘은 {data && FAMILY_ROLE[data.familyRole as keyof typeof FAMILY_ROLE]}랑
+          오늘은 {data?.familyRole ? FAMILY_ROLE[data.familyRole] : ''}랑
         </Typo24>
         <Typo24 $weight='700' $textAlign='center'>
           산책가는 날!

src/pages/RegisterPage/Register/index.tsx

@@ -17,6 +17,7 @@ import { useSearchParams } from 'react-router-dom'
 import { createRegister } from '~apis/register/createRegister'
 import { FamilyRole } from '~types/common'
 import { useEffect } from 'react'
+import { FAMILY_ROLE } from '~constants/familyRole'
 
 export default function Register() {
   const { ownerProfile, setOwnerProfile } = useOwnerProfileStore()
@@ -33,15 +34,17 @@ export default function Register() {
       showToast(alertMessage)
       return
     }
-
     try {
+      const familyRoleKey = Object.keys(FAMILY_ROLE).find(
+        key => FAMILY_ROLE[key as keyof typeof FAMILY_ROLE] === ownerProfile.familyRole
+      )
       const registerData = {
         email,
         provider,
         name: ownerProfile.name,
         gender: ownerProfile.gender as 'MALE' | 'FEMALE',
         address: ownerProfile.address,
-        familyRole: ownerProfile.familyRole as FamilyRole,
+        familyRole: familyRoleKey as FamilyRole,
         profileImg: ownerProfile.profileImg || '',
       }
 

src/stores/ownerProfileStore.ts

@@ -21,4 +21,4 @@ export const useOwnerProfileStore = create<OwnerProfileStore>(set => ({
     set(state => ({
       ownerProfile: { ...state.ownerProfile, ...profile },
     })),
-})) 
+}))