catch

src/pages/support/notice/detail-page.tsx

@@ -1,73 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useLocation } from 'react-router';
-import { useTranslation } from 'react-i18next';
-import { PATHS } from '@/shared/constants/paths';
-import { useNoticeDetailMutation } from '@/entities/support/api/use-notice-detail-mutation';
-import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { HeaderType } from '@/entities/common/model/types';
-import { NoticeDetailParams, NoticeDetailResponse, NoticeItem } from '@/entities/support/model/types';
-import {
-  useSetHeaderTitle,
-  useSetHeaderType,
-  useSetFooterMode,
-  useSetOnBack
-} from '@/widgets/sub-layout/use-sub-layout';
-import moment from 'moment';
-
-export const NoticeDetailPage = () => {
-  const { navigate } = useNavigate();
-  const location = useLocation();
-  const { t } = useTranslation();
-
-  const [result, setResult] = useState<NoticeItem>({});
-  
-  let from = location?.state.from;
-
-  useSetHeaderTitle(t('support.notice.title'));
-  useSetHeaderType(HeaderType.RightClose);
-  useSetFooterMode(false);
-  useSetOnBack(() => {
-    if(from){
-      navigate(from);
-    }
-    else{
-      navigate(PATHS.support.notice.list);
-    }
-  });
-
-  const { mutateAsync: noticeDetail } = useNoticeDetailMutation();
-
-  const callDetail = () => {
-    let detailParams: NoticeDetailParams = {
-      seq: location?.state.seq,
-    };
-    noticeDetail(detailParams).then((rs: NoticeDetailResponse) => {
-      setResult(rs);
-    });
-  };
-
-  useEffect(() => {
-    callDetail();
-  }, []);
-
-  return (
-    <>
-      <main>
-        { result.informCl &&
-          <div className="tab-content">
-            <div className="tab-pane sub active">
-              <div className="option-list">
-                <div className="notice-detail">
-                  <div className="notice-detail__title">{ result.title }</div>
-                  <div className="notice-detail__meta">{ moment(result.regDt).format('YYYY.MM.DD') } | { t(`support.notice.categories.${result.informCl}`) }</div>
-                  <div className="notice-detail__divider"></div>
-                  <div className="notice-detail__body" dangerouslySetInnerHTML={{ __html: result.contents || '' }}></div>
-                </div>
-              </div>
-            </div>
-          </div>
-        }
-      </main>
-    </>
-  );
-};

src/pages/support/notice/list-page.tsx

@@ -16,6 +16,7 @@ import {
 import useIntersectionObserver from '@/widgets/intersection-observer';
 import { NoticeDetail } from '@/entities/support/ui/detail/notice-detail';
 import { useParams } from 'react-router';
+import { showAlert } from '@/widgets/show-alert';
 
 export const NoticeListPage = () => {
   const { navigate } = useNavigate();
@@ -97,8 +98,13 @@ export const NoticeListPage = () => {
         && rs.nextCursor !== pageParam.cursor
         && rs.content.length === DEFAULT_PAGE_PARAM.size
       );
+    }).catch((e: any) => {
+      if(e.response?.data?.error?.message){
+        showAlert(e.response?.data?.error?.message);
+        return;
+      }
     });
-  };
+};
 
   const onClickToAction = () => {
     // Remove focus from active element