Chore: 배포오류 수정

WePlanPlans · Jan 3, 2024 · 8cf0099 · 8cf0099
1 parent 9e38fec
commit 8cf0099
Show file tree

Hide file tree

Showing 10 changed files with 1,080 additions and 1,040 deletions.
diff --git a/package.json b/package.json
@@ -43,6 +43,7 @@
     "prettier": "^3.1.1",
     "prettier-plugin-tailwindcss": "^0.5.9",
     "tailwindcss": "^3.4.0",
+    "terser": "^5.26.0",
     "typescript": "^5.2.2",
     "vite": "^5.0.8"
   }

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/DetailSectionBottom/DetailReview.tsx b/src/components/DetailSectionBottom/DetailReview.tsx
@@ -1,85 +1,85 @@
-import { getToursReviews } from '@api/tours';
-import { useEffect, useState } from 'react';
-import InfiniteScroll from 'react-infinite-scroller';
-import { useInfiniteQuery } from '@tanstack/react-query';
-import ReviewItem from './ReviewItem';
-import { StarIcon } from '@components/common/icons/Icons';
+// import { getToursReviews } from '@api/tours';
+// import { useEffect, useState } from 'react';
+// import InfiniteScroll from 'react-infinite-scroller';
+// import { useInfiniteQuery } from '@tanstack/react-query';
+// import ReviewItem from './ReviewItem';
+// import { StarIcon } from '@components/common/icons/Icons';
 
-export default function DetailReview() {
-  const [reviewDataLength, setReviewDataLength] = useState<number>(0);
-  const tourItemId = 1;
+// export default function DetailReview() {
+//   const [reviewDataLength, setReviewDataLength] = useState<number>(0);
+//   const tourItemId = 1;
 
-  const {
-    data: toursReviews,
-    fetchNextPage,
-    hasNextPage,
-  } = useInfiniteQuery({
-    queryKey: ['toursReviews'],
-    queryFn: ({ pageParam }) => getToursReviews(tourItemId),
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages, lastPageParam) => {
-      const lastData = lastPage?.data?.data?.reviewInfos;
-      return lastData && lastData.length === 4 ? lastPageParam + 1 : undefined;
-    },
-  });
+//   const {
+//     data: toursReviews,
+//     fetchNextPage,
+//     hasNextPage,
+//   } = useInfiniteQuery({
+//     queryKey: ['toursReviews'],
+//     queryFn: ({ pageParam }) => getToursReviews(tourItemId),
+//     initialPageParam: 0,
+//     getNextPageParam: (lastPage, allPages, lastPageParam) => {
+//       const lastData = lastPage?.data?.data?.reviewInfos;
+//       return lastData && lastData.length === 4 ? lastPageParam + 1 : undefined;
+//     },
+//   });
 
-  useEffect(() => {
-    if (toursReviews) {
-      const totalCount = toursReviews.pages.reduce(
-        (accumulator, page) =>
-          accumulator + (page?.data?.data?.reviewInfos?.length || 0),
-        0,
-      );
-      setReviewDataLength(totalCount);
-    }
-  }, [toursReviews]);
+//   useEffect(() => {
+//     if (toursReviews) {
+//       const totalCount = toursReviews.pages.reduce(
+//         (accumulator, page) =>
+//           accumulator + (page?.data?.data?.reviewInfos?.length || 0),
+//         0,
+//       );
+//       setReviewDataLength(totalCount);
+//     }
+//   }, [toursReviews]);
 
-  return (
-    <>
-      <div className="mb-4 mt-2 text-lg font-bold">
-        리뷰 <span className="text-gray3">{reviewDataLength}</span>
-      </div>
-      {reviewDataLength > 0 && (
-        <InfiniteScroll
-          hasMore={hasNextPage}
-          loadMore={() => fetchNextPage()}
-          initialLoad={false}>
-          {toursReviews?.pages?.map((page, pageIndex) => (
-            <div key={pageIndex}>
-              {page?.data?.data?.reviewInfos?.map(
-                (item: any, index: number) => (
-                  <ReviewItem
-                    key={item.reviewId}
-                    authorNickname={item.authorNickname}
-                    authorProfileImageUrl={item.authorProfileImageUrl}
-                    rating={item.rating}
-                    createdTime={item.createdTime}
-                    content={item.content}
-                    keywords={item.keywords} // keywordId, content, type
-                    commentCount={2} //commentCount가 swagger에는 있는데 response에는 없음
-                  />
-                ),
-              )}
-            </div>
-          ))}
-        </InfiniteScroll>
-      )}
-      {reviewDataLength == 0 && (
-        <div className="flex flex-col items-center justify-center">
-          <div className="mb-2 flex">
-            {Array.from({ length: 5 }, (_, index) => (
-              <StarIcon
-                key={index}
-                size={30}
-                color="none"
-                fill={'#EDEDED'}
-                className="cursor-pointer"
-              />
-            ))}
-          </div>
-          <div className="text-sm text-gray3">첫번째 리뷰를 남겨주세요!</div>
-        </div>
-      )}
-    </>
-  );
-}
+//   return (
+//     <>
+//       <div className="mb-4 mt-2 text-lg font-bold">
+//         리뷰 <span className="text-gray3">{reviewDataLength}</span>
+//       </div>
+//       {reviewDataLength > 0 && (
+//         <InfiniteScroll
+//           hasMore={hasNextPage}
+//           loadMore={() => fetchNextPage()}
+//           initialLoad={false}>
+//           {toursReviews?.pages?.map((page, pageIndex) => (
+//             <div key={pageIndex}>
+//               {page?.data?.data?.reviewInfos?.map(
+//                 (item: any, index: number) => (
+//                   <ReviewItem
+//                     key={item.reviewId}
+//                     authorNickname={item.authorNickname}
+//                     authorProfileImageUrl={item.authorProfileImageUrl}
+//                     rating={item.rating}
+//                     createdTime={item.createdTime}
+//                     content={item.content}
+//                     keywords={item.keywords} // keywordId, content, type
+//                     commentCount={2} //commentCount가 swagger에는 있는데 response에는 없음
+//                   />
+//                 ),
+//               )}
+//             </div>
+//           ))}
+//         </InfiniteScroll>
+//       )}
+//       {reviewDataLength == 0 && (
+//         <div className="flex flex-col items-center justify-center">
+//           <div className="mb-2 flex">
+//             {Array.from({ length: 5 }, (_, index) => (
+//               <StarIcon
+//                 key={index}
+//                 size={30}
+//                 color="none"
+//                 fill={'#EDEDED'}
+//                 className="cursor-pointer"
+//               />
+//             ))}
+//           </div>
+//           <div className="text-sm text-gray3">첫번째 리뷰를 남겨주세요!</div>
+//         </div>
+//       )}
+//     </>
+//   );
+// }
diff --git a/src/components/DetailSectionBottom/DetailSectionBottom.tsx b/src/components/DetailSectionBottom/DetailSectionBottom.tsx
@@ -1,4 +1,4 @@
-import { DetailReviewStats, DetailReview } from '.';
+import { DetailReviewStats } from '.';
 
 // 담당 컴포넌트들 호출하는 컴포넌트(분업 때문에 페이지 느낌으로 나눠봤습니다), API 호출 컴포넌트,
 export default function DetailSectionBottom() {

diff --git a/src/components/DetailSectionBottom/ReviewItem.tsx b/src/components/DetailSectionBottom/ReviewItem.tsx
@@ -20,7 +20,7 @@ interface ItemProps {
 const Item: React.FC<ItemProps> = (props: ItemProps) => {
   const {
     authorNickname,
-    authorProfileImageUrl,
+    // authorProfileImageUrl,
     rating,
     createdTime,
     content,

diff --git a/src/components/DetailSectionBottom/index.tsx b/src/components/DetailSectionBottom/index.tsx
@@ -1,4 +1,3 @@
 import DetailReviewStats from './DetailReviewStats';
-import DetailReview from './DetailReview';
 
-export { DetailReviewStats, DetailReview };
+export { DetailReviewStats };
diff --git a/src/components/Review/ReviewRating.tsx b/src/components/Review/ReviewRating.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { StarIcon } from '@components/common/icons/Icons';
 
 const ReviewRating = () => {

diff --git a/src/main.tsx b/src/main.tsx
@@ -2,9 +2,9 @@ import ReactDOM from 'react-dom/client';
 import App from './App.tsx';
 import './index.css';
 
-if (import.meta.env.DEV) {
-  const { worker } = await import('./mocks/browser.ts');
-  await worker.stop();
-}
+// if (import.meta.env.DEV) {
+//   const { worker } = await import('./mocks/browser.ts');
+//   await worker.stop();
+// }
 
 ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
diff --git a/src/mocks/browser.ts b/src/mocks/browser.ts
@@ -1,4 +1,4 @@
-import { setupWorker } from 'msw';
-import { handlers } from './handlers';
+// import { setupWorker } from 'msw';
+// // import { handlers } from './handlers';
 
-export const worker = setupWorker(...handlers);
+// export const worker = setupWorker(...handlers);