From 5fbf91eea022ef6f36d86f106c9bc4dd7529b5e3 Mon Sep 17 00:00:00 2001
From: quokka-eating-carrots <ovzip7@gmail.com>
Date: Sun, 22 Oct 2023 23:44:54 +0900
Subject: [PATCH] =?UTF-8?q?Refactor:=20modal=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/postApi.tsx        |  1 -
 src/pages/AskDetail.tsx    |  9 ++++++++-
 src/pages/BoardDetails.tsx |  8 +++++++-
 src/pages/MyPageDetail.tsx | 17 +++++++++++++++--
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/api/postApi.tsx b/src/api/postApi.tsx
index 2306f73..07d2842 100644
--- a/src/api/postApi.tsx
+++ b/src/api/postApi.tsx
@@ -30,7 +30,6 @@ export const requestEdit = async (formData: FormData, postId: number) => {
 
 // 관리자 문의글 답변 등록
 export const postAdmintQuestion = async (questionId: number, data: QuestionTypes) => {
-  console.log(data)
   const response = await privateApi.post(`/admin/answer/register?questionId=${questionId}`, data)
   return {
     status: response.status,
diff --git a/src/pages/AskDetail.tsx b/src/pages/AskDetail.tsx
index 82f581e..180f4f9 100644
--- a/src/pages/AskDetail.tsx
+++ b/src/pages/AskDetail.tsx
@@ -9,12 +9,14 @@ import { useSelector } from 'react-redux'
 import { RootState } from '@src/store/config'
 import Inner from '@src/components/Style/Inner'
 import PATH from '@src/constants/pathConst'
+import useModal from '@src/hooks/useModal'
 
 const AskDetail = () => {
   const [question, setQuestion] = useState<QuestionGetTypes>()
   const [answer, setAnswer] = useState<QuestionAnswerTypes>()
   const { pathname } = useLocation()
   const questionId = Number(pathname.slice(5))
+  const { openModal } = useModal()
 
   const isPC = useMediaQuery({
     query: '(min-width: 450px)',
@@ -28,7 +30,12 @@ const AskDetail = () => {
         const answerResponse = await getQuestionAnswer(questionId)
         setAnswer(answerResponse)
       } catch (error) {
-        console.log(error)
+        openModal({
+          isModalOpen: true,
+          isConfirm: false,
+          content: ['정보를 불러올 수 없습니다.', '메인으로 돌아갑니다.'],
+          navigateOption: PATH.HOME,
+        })
       }
     }
     fetchData()
diff --git a/src/pages/BoardDetails.tsx b/src/pages/BoardDetails.tsx
index bf7d775..13363c3 100644
--- a/src/pages/BoardDetails.tsx
+++ b/src/pages/BoardDetails.tsx
@@ -22,11 +22,17 @@ const BoardDetails = () => {
   const authenticated = useSelector((state: RootState) => state.accessToken.authenticated)
   const userInfo = useSelector((state: RootState) => state.userInfo)
   const { openModal } = useModal()
+
   const blindFn = async () => {
     try {
       await blindBoard(Number(boardId))
     } catch (error) {
-      console.log(error)
+      openModal({
+        isModalOpen: true,
+        isConfirm: false,
+        content: ['오류가 발생하였습니다.', '메인으로 돌아갑니다.'],
+        navigateOption: PATH.HOME,
+      })
     }
   }
 
diff --git a/src/pages/MyPageDetail.tsx b/src/pages/MyPageDetail.tsx
index bca5390..7501861 100644
--- a/src/pages/MyPageDetail.tsx
+++ b/src/pages/MyPageDetail.tsx
@@ -12,6 +12,8 @@ import styled from 'styled-components'
 import MBoardList from '@src/components/MyPage/MBoardList'
 import ReactPaginate from 'react-paginate'
 import { COLORS } from '@src/globalStyles'
+import useModal from '@src/hooks/useModal'
+import PATH from '@src/constants/pathConst'
 
 const MyPageDetail = () => {
   const { state }: { state: number } = useLocation()
@@ -21,6 +23,7 @@ const MyPageDetail = () => {
   const [wishTotalPage, setWishTotalPage] = useState<number>(1)
   const [wishlists, setWishlists] = useState<IWishlistType[]>([])
   const menuLists = ['양도', '좋아요', '댓글']
+  const { openModal } = useModal()
 
   const activeList = (activeMenu: number, screen: string) => {
     if (activeMenu === 0 && screen === 'mobile') {
@@ -128,7 +131,12 @@ const MyPageDetail = () => {
       setPosts(postsResponse?.data)
       setPostTotalPage(postsResponse?.totalPages)
     } catch (error) {
-      console.log(error)
+      openModal({
+        isModalOpen: true,
+        isConfirm: false,
+        content: ['정보를 불러올 수 없습니다.', '메인으로 돌아갑니다.'],
+        navigateOption: PATH.HOME,
+      })
     }
   }
   const wishlistData = async (page = 1) => {
@@ -137,7 +145,12 @@ const MyPageDetail = () => {
       setWishlists(wishlistResponse?.data)
       setWishTotalPage(wishlistResponse?.totalPages)
     } catch (error) {
-      console.log(error)
+      openModal({
+        isModalOpen: true,
+        isConfirm: false,
+        content: ['정보를 불러올 수 없습니다.', '메인으로 돌아갑니다.'],
+        navigateOption: PATH.HOME,
+      })
     }
   }