Refactor: modal 추가

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,

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()

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,
+      })
     }
   }
 

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,
+      })
     }
   }