refactor: isMemberPage -> isPreview로 네이밍 수정

woowacourse-teams · Oct 17, 2023 · d990fe1 · d990fe1
1 parent 28cf569
commit d990fe1
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 15 deletions.
diff --git a/frontend/src/components/Members/MemberRecipeList/MemberRecipeList.tsx b/frontend/src/components/Members/MemberRecipeList/MemberRecipeList.tsx
@@ -10,15 +10,15 @@ import { useInfiniteMemberRecipeQuery } from '@/hooks/queries/members';
 import useDisplaySlice from '@/utils/displaySlice';
 
 interface MemberRecipeListProps {
-  isMemberPage?: boolean;
+  isPreview?: boolean;
 }
 
-const MemberRecipeList = ({ isMemberPage = false }: MemberRecipeListProps) => {
+const MemberRecipeList = ({ isPreview = false }: MemberRecipeListProps) => {
   const scrollRef = useRef<HTMLDivElement>(null);
 
   const { fetchNextPage, hasNextPage, data } = useInfiniteMemberRecipeQuery();
   const memberRecipes = data?.pages.flatMap((page) => page.recipes);
-  const recipeToDisplay = useDisplaySlice(isMemberPage, memberRecipes);
+  const recipeToDisplay = useDisplaySlice(isPreview, memberRecipes);
 
   useIntersectionObserver<HTMLDivElement>(fetchNextPage, scrollRef, hasNextPage);
 
@@ -40,7 +40,7 @@ const MemberRecipeList = ({ isMemberPage = false }: MemberRecipeListProps) => {
 
   return (
     <MemberRecipeListContainer>
-      {!isMemberPage && (
+      {!isPreview && (
         <TotalRecipeCount color={theme.colors.gray4}>
           총 <strong>{totalRecipeCount}</strong>개의 꿀조합을 남겼어요!
         </TotalRecipeCount>
@@ -50,7 +50,7 @@ const MemberRecipeList = ({ isMemberPage = false }: MemberRecipeListProps) => {
         {recipeToDisplay?.map((recipe) => (
           <li key={recipe.id}>
             <Link as={RouterLink} to={`${PATH.RECIPE}/${recipe.id}`}>
-              <RecipeItem recipe={recipe} isMemberPage={isMemberPage} />
+              <RecipeItem recipe={recipe} isMemberPage={isPreview} />
             </Link>
           </li>
         ))}

diff --git a/frontend/src/components/Members/MemberReviewItem/MemberReviewItem.tsx b/frontend/src/components/Members/MemberReviewItem/MemberReviewItem.tsx
@@ -9,10 +9,10 @@ import type { MemberReview } from '@/types/review';
 
 interface MemberReviewItemProps {
   review: MemberReview;
-  isMemberPage: boolean;
+  isPreview: boolean;
 }
 
-const MemberReviewItem = ({ review, isMemberPage }: MemberReviewItemProps) => {
+const MemberReviewItem = ({ review, isPreview }: MemberReviewItemProps) => {
   const theme = useTheme();
 
   const { mutate } = useDeleteReview();
@@ -50,7 +50,7 @@ const MemberReviewItem = ({ review, isMemberPage }: MemberReviewItemProps) => {
         <Text size="sm" weight="bold">
           {productName}
         </Text>
-        {!isMemberPage && (
+        {!isPreview && (
           <Button variant="transparent" customHeight="auto" onClick={handleReviewDelete}>
             <SvgIcon variant="trashcan" width={20} height={20} />
           </Button>

diff --git a/frontend/src/components/Members/MemberReviewList/MemberReviewList.tsx b/frontend/src/components/Members/MemberReviewList/MemberReviewList.tsx
@@ -11,14 +11,14 @@ import { useInfiniteMemberReviewQuery } from '@/hooks/queries/members';
 import useDisplaySlice from '@/utils/displaySlice';
 
 interface MemberReviewListProps {
-  isMemberPage?: boolean;
+  isPreview?: boolean;
 }
 
-const MemberReviewList = ({ isMemberPage = false }: MemberReviewListProps) => {
+const MemberReviewList = ({ isPreview = false }: MemberReviewListProps) => {
   const scrollRef = useRef<HTMLDivElement>(null);
   const { fetchNextPage, hasNextPage, data } = useInfiniteMemberReviewQuery();
   const memberReviews = data.pages.flatMap((page) => page.reviews);
-  const reviewsToDisplay = useDisplaySlice(isMemberPage, memberReviews);
+  const reviewsToDisplay = useDisplaySlice(isPreview, memberReviews);
 
   useIntersectionObserver<HTMLDivElement>(fetchNextPage, scrollRef, hasNextPage);
 
@@ -40,7 +40,7 @@ const MemberReviewList = ({ isMemberPage = false }: MemberReviewListProps) => {
 
   return (
     <MemberReviewListContainer>
-      {!isMemberPage && (
+      {!isPreview && (
         <TotalReviewCount color={theme.colors.gray4}>
           총 <strong>{totalReviewCount}</strong>개의 리뷰를 남겼어요!
         </TotalReviewCount>
@@ -50,7 +50,7 @@ const MemberReviewList = ({ isMemberPage = false }: MemberReviewListProps) => {
         {reviewsToDisplay.map((review) => (
           <li key={review.reviewId}>
             <Link as={RouterLink} to={`${PATH.REVIEW}/${review.reviewId}`} block>
-              <MemberReviewItem review={review} isMemberPage={isMemberPage} />
+              <MemberReviewItem review={review} isPreview={isPreview} />
             </Link>
           </li>
         ))}

diff --git a/frontend/src/pages/MemberPage.tsx b/frontend/src/pages/MemberPage.tsx
@@ -20,14 +20,14 @@ export const MemberPage = () => {
       <Spacing size={5} />
       <ErrorBoundary fallback={ErrorComponent} handleReset={reset}>
         <Suspense fallback={<Loading />}>
-          <MemberReviewList isMemberPage />
+          <MemberReviewList isPreview />
         </Suspense>
       </ErrorBoundary>
       <Spacing size={45} />
       <NavigableSectionTitle title="내가 작성한 꿀조합" routeDestination={`${PATH.MEMBER}/recipe`} />
       <ErrorBoundary fallback={ErrorComponent} handleReset={reset}>
         <Suspense fallback={<Loading />}>
-          <MemberRecipeList isMemberPage />
+          <MemberRecipeList isPreview />
         </Suspense>
       </ErrorBoundary>
       <Spacing size={40} />