Merge pull request #211 from ODOICHON/refactor/#210

Refactor/#210 마이페이지 관련 Lazy Loading 제거
ODOICHON · Dec 2, 2023 · f3b818e · f3b818e
2 parents 94a8b0d + 114b16b
commit f3b818e
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 16 deletions.
diff --git a/src/Routes.tsx b/src/Routes.tsx
@@ -1,17 +1,17 @@
 import { lazy } from 'react';
 import { RouteObject } from 'react-router-dom';
 import GlobalLayout from '@/pages/_layout';
+import MyPage from './pages/Mypage';
+import MyWritePage from './pages/Mypage/community/write';
+import MyHomePage from './pages/Mypage/home';
+import MySelfPage from './pages/Mypage/trade/myself';
+import MySavesPage from './pages/Mypage/trade/saves';
+import MyScrapPage from './pages/Mypage/trade/scrap';
 
 const MainPage = lazy(() => import('@/pages/Main'));
 const LoginPage = lazy(() => import('@/pages/Login'));
 const SignUpPage = lazy(() => import('@/pages/SignUp'));
 const AgentSignUpPage = lazy(() => import('@/pages/SignUp/AgentSignUp'));
-const MyPage = lazy(() => import('@/pages/Mypage'));
-const MyPageHome = lazy(() => import('@/pages/Mypage/home'));
-const MyselfPage = lazy(() => import('@/pages/Mypage/trade/myself'));
-const MyWritePage = lazy(() => import('@/pages/Mypage/community/write'));
-const MyPageTradeScrap = lazy(() => import('@/pages/Mypage/trade/scrap'));
-const MyPageSaves = lazy(() => import('@/pages/Mypage/trade/saves'));
 const IntroducePage = lazy(() => import('@/pages/Introduce'));
 const IntroWritePage = lazy(() => import('@/pages/Introduce/Write'));
 const IntroBoardPage = lazy(() => import('@/pages/Introduce/Board'));
@@ -40,19 +40,19 @@ export const routes: RouteObject[] = [
         children: [
           {
             path: 'home',
-            element: <MyPageHome />,
+            element: <MyHomePage />,
           },
           {
             path: 'trade/myself',
-            element: <MyselfPage />,
+            element: <MySelfPage />,
           },
           {
             path: 'trade/saves',
-            element: <MyPageSaves />,
+            element: <MySavesPage />,
           },
           {
             path: 'trade/scrap',
-            element: <MyPageTradeScrap />,
+            element: <MyScrapPage />,
           },
           {
             path: 'community/write',

diff --git a/src/pages/Mypage/home/index.tsx b/src/pages/Mypage/home/index.tsx
@@ -19,7 +19,7 @@ type myBoardType = Omit<
   'code' | 'nickName' | 'commentCount' | 'fixed'
 >;
 
-function MyPageHome() {
+function MyHomePage() {
   const { user } = userStore();
 
   const { data: myBoardListData } = useQuery<
@@ -169,4 +169,4 @@ function MyPageHome() {
   );
 }
 
-export default MyPageHome;
+export default MyHomePage;
diff --git a/src/pages/Mypage/trade/myself/index.tsx b/src/pages/Mypage/trade/myself/index.tsx
@@ -12,7 +12,7 @@ import useInput from '@/hooks/useInput';
 import { ApiResponseWithDataType } from '@/types/apiResponseType';
 import styles from './styles.module.scss';
 
-export default function MyselfPage() {
+export default function MySelfPage() {
   const [search, handleSearch, setSearch] = useInput('');
 
   const [currentPage, setCurrentPage] = useState(1);

diff --git a/src/pages/Mypage/trade/saves/index.tsx b/src/pages/Mypage/trade/saves/index.tsx
@@ -10,7 +10,7 @@ import { TradeBoardType } from '@/types/Board/tradeType';
 import { ApiResponseWithDataType } from '@/types/apiResponseType';
 import styles from './styles.module.scss';
 
-export default function SavesPage() {
+export default function MySavesPage() {
   const [currentPage, setCurrentPage] = useState(1);
 
   const fetchMySaves = (page: number) => {

diff --git a/src/pages/Mypage/trade/scrap/index.tsx b/src/pages/Mypage/trade/scrap/index.tsx
@@ -15,7 +15,7 @@ type ScrapFilterType = '' | 'ONGOING' | 'COMPLETED';
 const INITIAL_FILTER = '';
 const INITIAL_PAGE = 1;
 
-function ScrapPage() {
+function MyScrapPage() {
   const [currentPage, setCurrentPage] = useState(INITIAL_PAGE);
   const [filter, setFilter] = useState<ScrapFilterType>(INITIAL_FILTER);
   const { data: scrapBoardListData, isLoading: isScrapBoardListData } =
@@ -93,4 +93,4 @@ function ScrapPage() {
   );
 }
 
-export default ScrapPage;
+export default MyScrapPage;