woowacourse-teams · Hain-tain · Dec 21, 2024 · Dec 20, 2024
diff --git a/frontend/src/components/PagingButtons/PagingButtons.tsx b/frontend/src/components/PagingButtons/PagingButtons.tsx
@@ -1,5 +1,5 @@
 import { Text } from '@/components';
-import { trackMyTemplatePaging } from '@/service/amplitude/track';
+import { trackMemberTemplatePaging } from '@/service/amplitude/track';
 import { theme } from '@/style/theme';
 
 import * as S from './PagingButtons.style';
@@ -19,7 +19,7 @@ const PagingButtons = ({ currentPage, paginationSizes, onPageChange }: Props) =>
   };
 
   const handlePagingClick = (page: number, label: string) => {
-    trackMyTemplatePaging({ page, label });
+    trackMemberTemplatePaging({ page, label });
     onPageChange(page);
   };
 

diff --git a/...s/MyTemplatesPage/MyTemplatePage.style.ts → ...rTemplatePage/MemberTemplatePage.style.ts b/...s/MyTemplatesPage/MyTemplatePage.style.ts → ...rTemplatePage/MemberTemplatePage.style.ts
@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { Input } from '@/components';
 import { theme } from '@/style/theme';
 
-export const MyTemplatePageContainer = styled.div`
+export const MemberTemplatePageContainer = styled.div`
   display: flex;
   flex-direction: column;
 `;

diff --git a/.../pages/MyTemplatesPage/MyTemplatePage.tsx → ...MemberTemplatePage/MemberTemplatePage.tsx b/.../pages/MyTemplatesPage/MyTemplatePage.tsx → ...MemberTemplatePage/MemberTemplatePage.tsx
@@ -1,10 +1,10 @@
 import { Suspense } from 'react';
 import { useParams } from 'react-router-dom';
 
-import { SORTING_OPTIONS } from '@/models/templates';
 import { SearchIcon } from '@/assets/images';
 import { Flex, Input, PagingButtons, Dropdown, Heading } from '@/components';
 import { useAuth } from '@/hooks/authentication';
+import { SORTING_OPTIONS } from '@/models/templates';
 import {
   CategoryListSection,
   CategoryListSectionSkeleton,
@@ -14,19 +14,19 @@ import {
   TemplateListSection,
   TemplateListSectionLoading,
   TopBanner,
-} from '@/pages/MyTemplatesPage/components';
-import { useFilteredTemplateList, useSelectAndDeleteTemplateList } from '@/pages/MyTemplatesPage/hooks';
+} from '@/pages/MemberTemplatePage/components';
+import { useFilteredTemplateList, useSelectAndDeleteTemplateList } from '@/pages/MemberTemplatePage/hooks';
 import { useMemberNameQuery } from '@/queries/members';
 import { useTrackPageViewed } from '@/service/amplitude';
 
-import * as S from './MyTemplatePage.style';
-
-const MyTemplatePage = () => {
-  useTrackPageViewed({ eventName: '[Viewed] 내 템플릿 페이지' });
+import * as S from './MemberTemplatePage.style';
 
+const MemberTemplatePage = () => {
   const { memberId: routeMemberId } = useParams<{ memberId: string }>();
   const memberId = Number(routeMemberId);
 
+  useTrackPageViewed({ eventName: `[Viewed] 맴버 (ID:${memberId}) 템플릿 페이지` });
+
   const {
     memberInfo: { memberId: currentMemberId },
   } = useAuth();
@@ -66,7 +66,7 @@ const MyTemplatePage = () => {
   } = useSelectAndDeleteTemplateList({ templateList });
 
   return (
-    <S.MyTemplatePageContainer>
+    <S.MemberTemplatePageContainer>
       <TopBanner name={name ?? ''} />
       <S.MainContainer>
         <Suspense fallback={<CategoryListSectionSkeleton />}>
@@ -140,8 +140,8 @@ const MyTemplatePage = () => {
           )}
         </Flex>
       </S.MainContainer>
-    </S.MyTemplatePageContainer>
+    </S.MemberTemplatePageContainer>
   );
 };
 
-export default MyTemplatePage;
+export default MemberTemplatePage;
diff --git a/...egoryEditModal/CategoryEditModal.style.ts → ...egoryEditModal/CategoryEditModal.style.ts b/...egoryEditModal/CategoryEditModal.style.ts → ...egoryEditModal/CategoryEditModal.style.ts
diff --git a/...s/CategoryEditModal/CategoryEditModal.tsx → ...s/CategoryEditModal/CategoryEditModal.tsx b/...s/CategoryEditModal/CategoryEditModal.tsx → ...s/CategoryEditModal/CategoryEditModal.tsx
diff --git a/...FilterMenu/CategoryFilterMenu.stories.tsx → ...FilterMenu/CategoryFilterMenu.stories.tsx b/...FilterMenu/CategoryFilterMenu.stories.tsx → ...FilterMenu/CategoryFilterMenu.stories.tsx
diff --git a/...oryFilterMenu/CategoryFilterMenu.style.ts → ...oryFilterMenu/CategoryFilterMenu.style.ts b/...oryFilterMenu/CategoryFilterMenu.style.ts → ...oryFilterMenu/CategoryFilterMenu.style.ts
diff --git a/...CategoryFilterMenu/CategoryFilterMenu.tsx → ...CategoryFilterMenu/CategoryFilterMenu.tsx b/...CategoryFilterMenu/CategoryFilterMenu.tsx → ...CategoryFilterMenu/CategoryFilterMenu.tsx
@@ -4,7 +4,7 @@ import { BooksIcon, Chevron2Icon, SettingIcon } from '@/assets/images';
 import { Text } from '@/components';
 import { useToggle, useWindowWidth } from '@/hooks';
 import { useAuth } from '@/hooks/authentication';
-import { CategoryEditModal } from '@/pages/MyTemplatesPage/components';
+import { CategoryEditModal } from '@/pages/MemberTemplatePage/components';
 import { ICON_SIZE } from '@/style/styleConstants';
 import { theme } from '@/style/theme';
 import type { Category } from '@/types';

diff --git a/...yListSection/CategoryListSection.style.ts → ...yListSection/CategoryListSection.style.ts b/...yListSection/CategoryListSection.style.ts → ...yListSection/CategoryListSection.style.ts
diff --git a/...tegoryListSection/CategoryListSection.tsx → ...tegoryListSection/CategoryListSection.tsx b/...tegoryListSection/CategoryListSection.tsx → ...tegoryListSection/CategoryListSection.tsx
@@ -1,4 +1,4 @@
-import { CategoryFilterMenu } from '@/pages/MyTemplatesPage/components';
+import { CategoryFilterMenu } from '@/pages/MemberTemplatePage/components';
 import { useCategoryListQuery } from '@/queries/categories';
 
 import * as S from './CategoryListSection.style';

diff --git a/...stSection/CategoryListSectionSkeleton.tsx → ...stSection/CategoryListSectionSkeleton.tsx b/...stSection/CategoryListSectionSkeleton.tsx → ...stSection/CategoryListSectionSkeleton.tsx
diff --git a/...ConfirmDeleteModal/ConfirmDeleteModal.tsx → ...ConfirmDeleteModal/ConfirmDeleteModal.tsx b/...ConfirmDeleteModal/ConfirmDeleteModal.tsx → ...ConfirmDeleteModal/ConfirmDeleteModal.tsx
diff --git a/...TemplateButton/NewTemplateButton.style.ts → ...TemplateButton/NewTemplateButton.style.ts b/...TemplateButton/NewTemplateButton.style.ts → ...TemplateButton/NewTemplateButton.style.ts
diff --git a/...s/NewTemplateButton/NewTemplateButton.tsx → ...s/NewTemplateButton/NewTemplateButton.tsx b/...s/NewTemplateButton/NewTemplateButton.tsx → ...s/NewTemplateButton/NewTemplateButton.tsx
diff --git a/...s/TagFilterMenu/TagFilterMenu.stories.tsx → ...s/TagFilterMenu/TagFilterMenu.stories.tsx b/...s/TagFilterMenu/TagFilterMenu.stories.tsx → ...s/TagFilterMenu/TagFilterMenu.stories.tsx
diff --git a/...ents/TagFilterMenu/TagFilterMenu.style.ts → ...ents/TagFilterMenu/TagFilterMenu.style.ts b/...ents/TagFilterMenu/TagFilterMenu.style.ts → ...ents/TagFilterMenu/TagFilterMenu.style.ts
diff --git a/...omponents/TagFilterMenu/TagFilterMenu.tsx → ...omponents/TagFilterMenu/TagFilterMenu.tsx b/...omponents/TagFilterMenu/TagFilterMenu.tsx → ...omponents/TagFilterMenu/TagFilterMenu.tsx
diff --git a/...ponents/TagListSection/TagListSection.tsx → ...ponents/TagListSection/TagListSection.tsx b/...ponents/TagListSection/TagListSection.tsx → ...ponents/TagListSection/TagListSection.tsx
@@ -1,4 +1,4 @@
-import { TagFilterMenu } from '@/pages/MyTemplatesPage/components';
+import { TagFilterMenu } from '@/pages/MemberTemplatePage/components';
 import { useTagListQuery } from '@/queries/tags';
 
 interface Props {

diff --git a/...TagListSection/TagListSectionSkeleton.tsx → ...TagListSection/TagListSectionSkeleton.tsx b/...TagListSection/TagListSectionSkeleton.tsx → ...TagListSection/TagListSectionSkeleton.tsx
diff --git a/...leteSelection/TemplateDeleteSelection.tsx → ...leteSelection/TemplateDeleteSelection.tsx b/...leteSelection/TemplateDeleteSelection.tsx → ...leteSelection/TemplateDeleteSelection.tsx
@@ -1,5 +1,5 @@
 import { Button, Flex } from '@/components';
-import { ConfirmDeleteModal } from '@/pages/MyTemplatesPage/components';
+import { ConfirmDeleteModal } from '@/pages/MemberTemplatePage/components';
 
 interface Props {
   isEditMode: boolean;

diff --git a/...onents/TemplateGrid/TemplateGrid.style.ts → ...onents/TemplateGrid/TemplateGrid.style.ts b/...onents/TemplateGrid/TemplateGrid.style.ts → ...onents/TemplateGrid/TemplateGrid.style.ts
diff --git a/.../components/TemplateGrid/TemplateGrid.tsx → .../components/TemplateGrid/TemplateGrid.tsx b/.../components/TemplateGrid/TemplateGrid.tsx → .../components/TemplateGrid/TemplateGrid.tsx
diff --git a/...mplateListSection/TemplateListSection.tsx → ...mplateListSection/TemplateListSection.tsx b/...mplateListSection/TemplateListSection.tsx → ...mplateListSection/TemplateListSection.tsx
@@ -1,6 +1,6 @@
 import { NoResults } from '@/components';
 import { useWindowWidth } from '@/hooks';
-import { NewTemplateButton, TemplateGrid } from '@/pages/MyTemplatesPage/components';
+import { NewTemplateButton, TemplateGrid } from '@/pages/MemberTemplatePage/components';
 import { TemplateListItem } from '@/types';
 
 interface Props {
@@ -14,11 +14,18 @@ interface Props {
 
 const getGridCols = (windowWidth: number) => (windowWidth <= 1024 ? 1 : 2);
 
-const TemplateListSection = ({ templateList, isSearching, isEditMode, isMine, selectedList, setSelectedList }: Props) => {
+const TemplateListSection = ({
+  templateList,
+  isSearching,
+  isEditMode,
+  isMine,
+  selectedList,
+  setSelectedList,
+}: Props) => {
   const windowWidth = useWindowWidth();
 
   if (templateList.length === 0) {
-    if (!isMine || isSearching) return <NoResults>검색 결과가 없습니다.</NoResults>
+    if (!isMine || isSearching) return <NoResults>검색 결과가 없습니다.</NoResults>;
     return <NewTemplateButton />;
   }
 

diff --git a/...ction/TemplateListSectionLoading.style.ts → ...ction/TemplateListSectionLoading.style.ts b/...ction/TemplateListSectionLoading.style.ts → ...ction/TemplateListSectionLoading.style.ts
diff --git a/...istSection/TemplateListSectionLoading.tsx → ...istSection/TemplateListSectionLoading.tsx b/...istSection/TemplateListSectionLoading.tsx → ...istSection/TemplateListSectionLoading.tsx
diff --git a/...e/components/TopBanner/TopBanner.style.ts → ...e/components/TopBanner/TopBanner.style.ts b/...e/components/TopBanner/TopBanner.style.ts → ...e/components/TopBanner/TopBanner.style.ts
diff --git a/...esPage/components/TopBanner/TopBanner.tsx → ...tePage/components/TopBanner/TopBanner.tsx b/...esPage/components/TopBanner/TopBanner.tsx → ...tePage/components/TopBanner/TopBanner.tsx
diff --git a/...pages/MyTemplatesPage/components/index.ts → ...es/MemberTemplatePage/components/index.ts b/...pages/MyTemplatesPage/components/index.ts → ...es/MemberTemplatePage/components/index.ts
diff --git a/.../src/pages/MyTemplatesPage/hooks/index.ts → ...c/pages/MemberTemplatePage/hooks/index.ts b/.../src/pages/MyTemplatesPage/hooks/index.ts → ...c/pages/MemberTemplatePage/hooks/index.ts
diff --git a/...atesPage/hooks/useFilteredTemplateList.ts → ...latePage/hooks/useFilteredTemplateList.ts b/...atesPage/hooks/useFilteredTemplateList.ts → ...latePage/hooks/useFilteredTemplateList.ts
diff --git a/...e/hooks/useSelectAndDeleteTemplateList.ts → ...e/hooks/useSelectAndDeleteTemplateList.ts b/...e/hooks/useSelectAndDeleteTemplateList.ts → ...e/hooks/useSelectAndDeleteTemplateList.ts
diff --git a/frontend/src/pages/MyLikedTemplatePage/MyLikedTemplatePage.tsx b/frontend/src/pages/MyLikedTemplatePage/MyLikedTemplatePage.tsx
@@ -4,7 +4,7 @@ import { Flex, Heading, LoadingBall, NoResults, PagingButtons, TemplateCard } fr
 import { useQueryParams, useWindowWidth } from '@/hooks';
 import { useAuth } from '@/hooks/authentication';
 import { ForbiddenPage } from '@/pages';
-import { TemplateListSectionLoading } from '@/pages/MyTemplatesPage/components';
+import { TemplateListSectionLoading } from '@/pages/MemberTemplatePage/components';
 import { useLikedTemplateListQuery } from '@/queries/templates/useLikedTemplateListQuery';
 import { ROUTE_END_POINT } from '@/routes/endPoints';
 import { useTrackPageViewed } from '@/service/amplitude';

diff --git a/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx b/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx
@@ -16,7 +16,7 @@ import {
 } from '@/components';
 import { useDropdown, useInput, useQueryParams, useWindowWidth } from '@/hooks';
 import { SORTING_OPTIONS } from '@/models/templates';
-import { TemplateListSectionLoading } from '@/pages/MyTemplatesPage/components';
+import { TemplateListSectionLoading } from '@/pages/MemberTemplatePage/components';
 import { HotTopicCarousel } from '@/pages/TemplateExplorePage/components';
 import { useHotTopic } from '@/pages/TemplateExplorePage/hooks';
 import { useTemplateExploreQuery } from '@/queries/templates';

diff --git a/frontend/src/pages/index.ts b/frontend/src/pages/index.ts
@@ -1,6 +1,6 @@
 export { default as LandingPage } from './LandingPage/LandingPage';
 export { default as LoginPage } from './LoginPage/LoginPage';
-export { default as MyTemplatePage } from './MyTemplatesPage/MyTemplatePage';
+export { default as MemberTemplatePage } from './MemberTemplatePage/MemberTemplatePage';
 export { default as MyLikedTemplatePage } from './MyLikedTemplatePage/MyLikedTemplatePage';
 export { default as NotFoundPage } from './NotFoundPage/NotFoundPage';
 export { default as ForbiddenPage } from './ForbiddenPage/ForbiddenPage';

diff --git a/frontend/src/routes/router.tsx b/frontend/src/routes/router.tsx
@@ -13,7 +13,7 @@ const SignupPage = lazy(() => import('@/pages/SignupPage/SignupPage'));
 const LoginPage = lazy(() => import('@/pages/LoginPage/LoginPage'));
 const NotFoundPage = lazy(() => import('@/pages/NotFoundPage/NotFoundPage'));
 const TemplateExplorePage = lazy(() => import('@/pages/TemplateExplorePage/TemplateExplorePage'));
-const MyTemplatePage = lazy(() => import('@/pages/MyTemplatesPage/MyTemplatePage'));
+const MemberTemplatePage = lazy(() => import('@/pages/MemberTemplatePage/MemberTemplatePage'));
 const MyLikedTemplatePage = lazy(() => import('@/pages/MyLikedTemplatePage/MyLikedTemplatePage'));
 
 const router = createBrowserRouter([
@@ -26,7 +26,7 @@ const router = createBrowserRouter([
       },
       {
         path: ROUTE_END_POINT.MEMBERS_TEMPLATES,
-        element: <MyTemplatePage />,
+        element: <MemberTemplatePage />,
       },
       {
         path: ROUTE_END_POINT.MEMBERS_LIKED_TEMPLATES,

diff --git a/frontend/src/service/amplitude/track.ts b/frontend/src/service/amplitude/track.ts
@@ -53,7 +53,7 @@ interface PagingButtonData {
   label: string;
 }
 
-export const trackMyTemplatePaging = ({ page, label }: PagingButtonData) => {
+export const trackMemberTemplatePaging = ({ page, label }: PagingButtonData) => {
   amplitudeService.customTrack('[Click] 페이징 버튼', {
     page,
     label,