diff --git a/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx index 84338f33c..4e4b826ef 100644 --- a/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx +++ b/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx @@ -1,4 +1,4 @@ -import { WrittenReviewContent } from '../../layouts'; +import { PageContentLayout } from '../../layouts'; import { NoSelectedReviewGuide } from '../index'; import * as S from './styles'; @@ -17,11 +17,11 @@ const DetailedWrittenReview = ({ $isMobile, selectedReviewId }: DetailedWrittenR // 라우팅으로 넘어온 경우 무조건 isMobile은 true return ( - + {selectedReviewId ?
있다
: }
-
+
); }; diff --git a/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx index ce6d728c7..e0b09cda2 100644 --- a/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx +++ b/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx @@ -1,6 +1,6 @@ import ReviewListItem from '@/components/ReviewListItem'; -import { WrittenReviewContent } from '../../layouts'; +import { PageContentLayout } from '../../layouts'; import * as S from './styles'; @@ -13,7 +13,7 @@ const WrittenReviewList = ({ handleClick }: WrittenReviewListProps) => { const reviewIdList = [5, 1, 2, 3, 4]; return ( - + {/** 추후 이벤트 위임 형식으로 변경 가능 */} @@ -22,7 +22,7 @@ const WrittenReviewList = ({ handleClick }: WrittenReviewListProps) => { handleClick(reviewId)} /> ))} - + ); }; diff --git a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/index.tsx similarity index 53% rename from frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/index.tsx rename to frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/index.tsx index 7c4a54ac1..ce61b04d9 100644 --- a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/index.tsx +++ b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/index.tsx @@ -6,13 +6,13 @@ interface WrittenReviewItemProps { title: string; } -const WrittenReviewContent = ({ title, children }: EssentialPropsWithChildren) => { +const PageContentLayout = ({ title, children }: EssentialPropsWithChildren) => { return ( - + {title} {children} - + ); }; -export default WrittenReviewContent; +export default PageContentLayout; diff --git a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/styles.ts b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/styles.ts similarity index 87% rename from frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/styles.ts rename to frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/styles.ts index cbf0341e9..dabb41014 100644 --- a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/styles.ts +++ b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/styles.ts @@ -2,7 +2,7 @@ import styled from '@emotion/styled'; import media from '@/utils/media'; -export const WrittenReviewContent = styled.article` +export const PageContentLayout = styled.article` display: flex; flex-direction: column; height: 100%; diff --git a/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx index 22aa0d069..fe53259cd 100644 --- a/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx +++ b/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx @@ -1 +1 @@ -export { default as WrittenReviewContent } from './WrittenReviewContent'; +export { default as PageContentLayout } from './PageContentLayout';