[Refactor] 모립세트 페이지 폴더구조 변경 (#238)

* refactor: 허용서비스 페이지 컴포넌트 폴더 삭제 및 컴포넌트명으로 폴더 생성하여 적용 (#237) * code review: 코드리뷰 반영 (#237)
morib-in · Dec 30, 2024 · f843915 · f843915
1 parent a88a4a7
commit f843915
Show file tree

Hide file tree

Showing 13 changed files with 20 additions and 19 deletions.
diff --git a/...pages/MoribSetPage/AllowedServicePage.tsx → ...AllowedServicePage/AllowedServicePage.tsx b/...pages/MoribSetPage/AllowedServicePage.tsx → ...AllowedServicePage/AllowedServicePage.tsx
@@ -9,9 +9,9 @@ import FriendSettingIcon from '@/shared/assets/svgs/friend_setting.svg?react';
 
 import ModalContentsFriends from '@/pages/HomePage/ModalContentsFriends/ModalContentsFriends';
 
-import BoxMakeAllowedService from './components/Box/BoxMakeAllowedService';
-import BoxRecommendService from './components/Box/BoxRecommendService';
-import CategoryAllowedService from './components/CategoryAllowedService';
+import BoxMakeAllowedService from './BoxMakeAllowedService/BoxMakeAllowedService';
+import BoxRecommendService from './BoxRecommendService/BoxRecommendService';
+import CategoryAllowedService from './CategoryAllowedService/CategoryAllowedService';
 import { AllowedService, UrlInfo } from './types';
 
 const AllowedServicePage = () => {

diff --git a/.../components/Box/BoxMakeAllowedService.tsx → ...eAllowedService/BoxMakeAllowedService.tsx b/.../components/Box/BoxMakeAllowedService.tsx → ...eAllowedService/BoxMakeAllowedService.tsx
@@ -7,11 +7,12 @@ import { Direction } from '@/shared/types/global';
 
 import { CATEGORY_MODALTABS } from '@/shared/constants/tabSelections';
 
-import { AllowedService } from './../../types';
-import ColorPallete from './../ColorPallete';
-import InputAllowedServiceUrl from './../Input/InputAllowedServiceUrl';
-import TableAllowedService from './../TableAllowedService';
-import BoxUrlList from './BoxUrlList';
+import { AllowedService } from '../types';
+
+import ColorPallete from './ColorPallete/ColorPallete';
+import InputAllowedServiceUrl from './InputAllowedServiceUrl/InputAllowedServiceUrl';
+import TableAllowedService from './TableAllowedService/TableAllowedService';
+import BoxUrlList from './BoxUrlList/BoxUrlList';
 
 interface BoxMakeAllowedServiceProps {
 	allowedService: AllowedService;

diff --git a/...SetPage/components/Box/BoxEachUrlInfo.tsx → ...UrlList/BoxEachUrlInfo/BoxEachUrlInfo.tsx b/...SetPage/components/Box/BoxEachUrlInfo.tsx → ...UrlList/BoxEachUrlInfo/BoxEachUrlInfo.tsx
@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-import { UrlInfo } from './../../types';
+import { UrlInfo } from '../../../types';
 
 interface BoxEachUrlInfoProps {
 	urlInfo: UrlInfo;

diff --git a/...oribSetPage/components/Box/BoxUrlList.tsx → ...eAllowedService/BoxUrlList/BoxUrlList.tsx b/...oribSetPage/components/Box/BoxUrlList.tsx → ...eAllowedService/BoxUrlList/BoxUrlList.tsx
@@ -1,7 +1,7 @@
 import MinusBtn from '@/shared/assets/svgs/minus_btn.svg?react';
 
-import { UrlInfo } from './../../types';
-import BoxEachUrlInfo from './BoxEachUrlInfo';
+import { UrlInfo } from '../../types';
+import BoxEachUrlInfo from './BoxEachUrlInfo/BoxEachUrlInfo';
 
 interface BoxUrlListProps {
 	urlList: UrlInfo[];

diff --git a/.../MoribSetPage/components/ColorPallete.tsx → ...owedService/ColorPallete/ColorPallete.tsx b/.../MoribSetPage/components/ColorPallete.tsx → ...owedService/ColorPallete/ColorPallete.tsx
diff --git a/...onents/Button/ButtonAddAllowedService.tsx → ...llowedService/ButtonAddAllowedService.tsx b/...onents/Button/ButtonAddAllowedService.tsx → ...llowedService/ButtonAddAllowedService.tsx
diff --git a/...mponents/Input/InputAllowedServiceUrl.tsx → ...owedServiceUrl/InputAllowedServiceUrl.tsx b/...mponents/Input/InputAllowedServiceUrl.tsx → ...owedServiceUrl/InputAllowedServiceUrl.tsx
@@ -5,9 +5,9 @@ import { isUrlValid } from '@/shared/utils/isUrlValid/index';
 import InputClearButton from '@/shared/assets/svgs/btn_inputClear.svg?react';
 import IconInputError from '@/shared/assets/svgs/error_input.svg?react';
 
-import ButtonAddAllowedService from '@/pages/MoribSetPage/components/Button/ButtonAddAllowedService';
+import ButtonAddAllowedService from './ButtonAddAllowedService/ButtonAddAllowedService';
 
-import { UrlInfo } from './../../types';
+import { UrlInfo } from '../../types';
 
 interface InputAllowedServiceUrlProps {
 	urlList: UrlInfo[];

diff --git a/...etPage/components/TableAllowedService.tsx → ...bleAllowedService/TableAllowedService.tsx b/...etPage/components/TableAllowedService.tsx → ...bleAllowedService/TableAllowedService.tsx
@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-import { UrlInfo } from './../types';
+import { UrlInfo } from '../../types';
 
 interface TableAllowedServiceProps {
 	children: ReactNode;

diff --git a/...ge/components/Box/BoxRecommendService.tsx → ...xRecommendService/BoxRecommendService.tsx b/...ge/components/Box/BoxRecommendService.tsx → ...xRecommendService/BoxRecommendService.tsx
@@ -6,7 +6,7 @@ import { Direction } from '@/shared/types/global';
 
 import { recommendServices } from '@/shared/constants/recommendSites';
 
-import { UrlInfo } from './../../types';
+import { UrlInfo } from '../types';
 
 interface BoxRecommendServiceProps {
 	addUrlToAllowedService: (url: UrlInfo) => void;

diff --git a/.../components/Box/BoxAllowedServiceItem.tsx → ...owedServiceItem/BoxAllowedServiceItem.tsx b/.../components/Box/BoxAllowedServiceItem.tsx → ...owedServiceItem/BoxAllowedServiceItem.tsx
@@ -2,7 +2,7 @@ import Dropdown from '@/shared/components/Dropdown';
 
 import IconMeatBall from '@/shared/assets/svgs/todo_meatball_default.svg?react';
 
-import { AllowedService } from './../../types';
+import { AllowedService } from '../../types';
 
 interface BoxAllowedServiceItemProps {
 	allowedService: AllowedService;

diff --git a/...age/components/CategoryAllowedService.tsx → ...AllowedService/CategoryAllowedService.tsx b/...age/components/CategoryAllowedService.tsx → ...AllowedService/CategoryAllowedService.tsx
@@ -1,7 +1,7 @@
 import IconPlus from '@/shared/assets/svgs/plus.svg?react';
 
-import { AllowedService } from './../types';
-import BoxAllowedServiceItem from './Box/BoxAllowedServiceItem';
+import { AllowedService } from '../types';
+import BoxAllowedServiceItem from './BoxAllowedServiceItem/BoxAllowedServiceItem';
 
 interface CategoryAllowedServiceProps {
 	allowedServices: AllowedService[];

diff --git a/src/pages/MoribSetPage/types/index.ts → src/pages/AllowedServicePage/types/index.ts b/src/pages/MoribSetPage/types/index.ts → src/pages/AllowedServicePage/types/index.ts
diff --git a/src/router/Router.tsx b/src/router/Router.tsx
@@ -13,7 +13,7 @@ import { ROUTES_CONFIG } from './routesConfig';
 const LoginPage = lazy(() => import('@/pages/LoginPage/LoginPage'));
 const HomePage = lazy(() => import('@/pages/HomePage/HomePage'));
 const TimerPage = lazy(() => import('@/pages/TimerPage/TimerPage'));
-const AllowedServicePage = lazy(() => import('@/pages/MoribSetPage/AllowedServicePage'));
+const AllowedServicePage = lazy(() => import('@/pages/AllowedServicePage/AllowedServicePage'));
 
 const ProtectedRoute = () => {
 	//Todo: 개발이 진행되면 실제 토큰 상태를 받아서 login page로 이동 시킴