chore: mock products and schedules

- #158

src/components/features/StorePage/ProductList/ProductsView.tsx

@@ -1,6 +1,8 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import { useGetProducts } from "@api/productApi";
 import GridView, { GridViewProps } from "@components/ItemView/GridView";
 import ProductCard from "@components/features/StorePage/ProductCard";
+import mockProducts from "@mocks/mockItem/mockProducts";
 import { Product } from "@type/index";
 
 type ProductsViewProps = {
@@ -12,7 +14,7 @@ const ProductsView = ({ filters, ...props }: ProductsViewProps) => {
 
   return (
     <GridView
-      items={(products || []).map((p: Product) => ({ ...p, link: `/store/${p.id}` }))}
+      items={/* products */ (mockProducts || []).map((p: Product) => ({ ...p, link: `/store/${p.id}` }))}
       ItemComponent={ProductCard}
       {...props}
     />

src/pages/SchedulePage/index.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
 import { useState } from "react";
 import { Flex } from "@chakra-ui/react";
 import { useGetFarms } from "@api/farmApi";
@@ -6,6 +8,7 @@ import BestScheduleSection from "@components/features/SchedulePage/BestScheduleS
 import ScheduleCard from "@components/features/SchedulePage/ScheduleCard";
 import ScheduleCategory from "@components/features/SchedulePage/ScheduleCategory";
 import size from "@constants/size";
+import mockSchedule from "@mocks/mockItem/mockSchedule";
 import { FarmCategory, Schedule } from "@type/index";
 
 const SchedulePage = () => {
@@ -25,7 +28,7 @@ const SchedulePage = () => {
         <BestScheduleSection />
         <ScheduleCategory category={category} setCategory={ct => setCategory(ct)} />
         <GridView
-          items={(schedules || []).map((s: Schedule) => ({
+          items={(mockSchedule /* schedules */ || []).map((s: Schedule) => ({
             ...s,
             link: `/schedule/${s.id}`,
           }))}