feat: 홈페이지 추천 상품 리스트 적용 #245

src/app/page.tsx

@@ -1,12 +1,7 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 import classNames from 'classnames/bind';
 
-import FilterGroup from '@components/home/filer-group/FilterGroup';
 import ProductList from '@components/home/product-list/ProductList';
-import { MOCK_BANNER_DATA, MOCK_RECOMMEND_PRODUCTS } from '@mocks/homeHandler/mocks';
-import useBanner from '@remote/queries/home/useBanner';
-import useRecommendProducts from '@remote/queries/home/useRecommendProducts';
+import { MOCK_BANNER_DATA } from '@mocks/homeHandler/mocks';
 import BottomNav from '@shared/bottom-nav/BottomNav';
 import Banner from '@shared/carousel/Banner';
 import RecommendList from '@shared/carousel/RecommendList';
@@ -20,20 +15,6 @@ import styles from './page.module.scss';
 const cx = classNames.bind(styles);
 
 function Home() {
-  // 테스트
-  // TODO: 비로그인 회원과 부가정보를 입력하지 않은 회원은 부가정보 입력 배너 보이도록 UI 추가
-  // const { data: bannerData, isLoading: bannerLoading } = useBanner();
-  // const {
-  //   data: recommendProductsData, isLoading:
-  //   recommendProductsLoading,
-  // } = useRecommendProducts();
-  // const { data: productListData, isLoading: productListLoading } = useProductList();
-  // asd
-  // if (bannerLoading || recommendProductsLoading || productListLoading) {
-  //   return <Loader />;
-  // asd
-  // }
-
   return (
     <>
       <Header className={cx('home')} type="home" />
@@ -44,7 +25,7 @@ function Home() {
         <div className={cx('recommendWrapper')}>
           <Text typography="t4" bold>추천 세차용품</Text>
           <Spacing size={16} />
-          <RecommendList recommendProductsData={MOCK_RECOMMEND_PRODUCTS} />
+          <RecommendList />
         </div>
         <Spacing size={35} />
         <div className={cx('productListContainer')}>