Feat/레시피 페이지 무한스크롤#15 (#95)

* [chore]next.config변경

* [chore] useCloseOut 훅 폴더이동

* [fix]변경파일 경로수정

* [fix] 이미지파일 수정

* [chore]포매팅

* [chore] 포매팅

* [chore] 포매팅 따옴표오류

* [feat]칵테일 무한스크롤

* [feat] 레시피 상세페이지 데이터바인딩

* [refactor] Label컴포넌트 수정

* [feat]레시피페이지 무한스크롤기능

* [chore]경로수정

* [fix] 수정사항 개선

* [chore]파일 경로변경

* [docs] 폴더명 변경

* [docs] 폴더명 수정

* [docs]폴더경로 이상 수정

---------

Co-authored-by: ahk0413 <[email protected]>

Author: mtm-git1018

package.json

@@ -60,4 +60,4 @@
   },
   "homepage": "https://github.com/prgrms-web-devcourse-final-project/WEB5_6_HaeDokCoding_FE#readme",
   "description": ""
-}
+}

src/app/design-system/page.tsx

@@ -5,7 +5,6 @@ import TextButton from '@/shared/components/button/TextButton';
 import Input from '@/shared/components/Input-box/Input';
 import { useState } from 'react';
 import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
-
 import Spinner from '@/shared/components/spinner/Spinner';
 import LikeBtn from '@/domains/community/components/like/LikeBtn';
 import Share from '@/domains/shared/components/share/Share';

src/app/mypage/my-active/my-comment/page.tsx

@@ -1,4 +1,4 @@
-import CommentList from '@/domains/shared/components/comment/CommentList';
+// import CommentList from '@/domains/shared/components/comment/CommentList';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {

src/app/mypage/my-active/my-like/page.tsx

@@ -1,4 +1,4 @@
-import PostCard from '@/domains/community/main/PostCard';
+// import PostCard from '@/domains/community/main/PostCard';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {

src/app/mypage/my-active/my-post/page.tsx

@@ -1,4 +1,4 @@
-import PostCard from '@/domains/community/main/PostCard';
+// import PostCard from '@/domains/community/main/PostCard';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {

src/app/mypage/mybar/loading.tsx renamed to src/app/mypage/my-bar/loading.tsx

@@ -1,4 +1,5 @@
-import CocktailCard from '@/domains/recipe/CocktailCard';
+
+import CocktailCard from '@/domains/shared/components/cocktail-card/CocktailCard';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {

src/app/mypage/mybar/page.tsx renamed to src/app/mypage/my-bar/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from 'next/navigation';
 
 function Page() {
-  return redirect('/mypage/mybar');
+  return redirect('/mypage/my-bar');
 }
 export default Page;

src/app/mypage/page.tsx

@@ -1,13 +1,11 @@
 import { Metadata } from 'next';
-
 import Input from '@/shared/components/Input-box/Input';
 
 import Accordion from '../../domains/recipe/components/main/Accordion';
-import CocktailList from '@/domains/recipe/CocktailList';
 import PageHeader from '@/domains/shared/components/page-header/PageHeader';
 import { Suspense } from 'react';
 import SkeletonRecipe from '@/domains/recipe/skeleton/SkeletonRecipe';
-import SelectBox from '@/shared/components/select-box/SelectBox';
+import Cocktails from '@/domains/recipe/main/Cocktails';
 
 export const metadata: Metadata = {
   title: 'SSOUL | 칵테일레시피',
@@ -31,15 +29,7 @@ function Page() {
               className="w-full md:max-w-80"
             />
           </section>
-          <section>
-            <div className="h-10 flex justify-between items-center mt-3 border-b-1 border-gray-light">
-              <p>n개</p>
-              <SelectBox option={['', '댓글순', '인기순']} title="최신순" />
-            </div>
-            <section className="mt-5 ">
-              <CocktailList />
-            </section>
-          </section>
+          <Cocktails />
         </Suspense>
       </div>
     </div>

src/app/recipe/page.tsx

@@ -2,12 +2,11 @@
 
 import AddIcon from '@/shared/assets/icons/add_24.svg';
 import Input from '@/shared/components/Input-box/Input';
-import CocktailCard from '@/domains/recipe/CocktailCard';
 import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
 import Button from '@/shared/components/button/Button';
 import TagList from '../../components/tag/TagList';
 import { useState } from 'react';
-
+import CocktailCard from '@/domains/shared/components/cocktail-card/CocktailCard';
 type Props = {
   isOpen: boolean;
   setIsOpen: (value: boolean) => void;