mirror of
https://github.com/vercel/commerce.git
synced 2025-07-24 18:51:23 +00:00
fix: fix css component MenuNavigation and fix conflic
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
|
||||
import { Layout } from 'src/components/common';
|
||||
import { MenuNavigation,MenuFilter} from 'src/components/common';
|
||||
import { HomeBanner, HomeCategories, HomeCTA, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
|
||||
import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils'
|
||||
const CATEGORY = [
|
||||
@@ -32,13 +31,11 @@ const CATEGORY = [
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
{/* <HomeBanner />
|
||||
<HomeBanner />
|
||||
<HomeCategories/>
|
||||
<HomeVideo />
|
||||
<HomeCTA />
|
||||
<HomeSubscribe /> */}
|
||||
<MenuFilter categories={CATEGORY} heading="Categories"/>
|
||||
<MenuNavigation categories={CATEGORY} heading="Categories"/>
|
||||
<HomeSubscribe />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
81
pages/test.tsx
Normal file
81
pages/test.tsx
Normal file
@@ -0,0 +1,81 @@
|
||||
|
||||
import { Layout } from 'src/components/common';
|
||||
import { RecipesListPage } from 'src/components/modules/recipes';
|
||||
import { BlogDetailImg } from 'src/components/modules/blogs';
|
||||
import BlogDetail from '../src/components/modules/blogs/BlogDetailImg/img/blogdetail.png';
|
||||
import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils'
|
||||
import MenuNavigation from 'src/components/common/MenuNavigation/MenuNavigation';
|
||||
const CATEGORY = [
|
||||
{
|
||||
name: 'All',
|
||||
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.CATEGORY}=${OPTION_ALL}`,
|
||||
},
|
||||
{
|
||||
name: 'Veggie',
|
||||
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.CATEGORY}=veggie`,
|
||||
},
|
||||
{
|
||||
name: 'Seafood',
|
||||
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.CATEGORY}=seafood`,
|
||||
},
|
||||
{
|
||||
name: 'Frozen',
|
||||
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.CATEGORY}=frozen`,
|
||||
},
|
||||
{
|
||||
name: 'Coffee Bean',
|
||||
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.CATEGORY}=coffee-bean`,
|
||||
},
|
||||
{
|
||||
name: 'Sauce',
|
||||
link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.CATEGORY}=sauce`,
|
||||
},
|
||||
];
|
||||
// const BRANDS = [
|
||||
|
||||
// {
|
||||
// name: 'Maggi',
|
||||
// link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.BRAND}=veggie`,
|
||||
// },
|
||||
// {
|
||||
// name: 'Chomilex',
|
||||
// link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.BRAND}=chomilex`,
|
||||
// },
|
||||
// {
|
||||
// name: 'Chinsu',
|
||||
// link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.BRAND}=chinsu`,
|
||||
// }
|
||||
// ];
|
||||
|
||||
// const FEATURED = [
|
||||
|
||||
// {
|
||||
// name: 'Best Sellers',
|
||||
// link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.FEATURED}=best-sellers`,
|
||||
// },
|
||||
// {
|
||||
// name: 'Sales',
|
||||
// link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.FEATURED}=sales`,
|
||||
// },
|
||||
// {
|
||||
// name: 'New Item',
|
||||
// link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.FEATURED}=new-item`,
|
||||
// },
|
||||
// {
|
||||
// name: 'Viewed',
|
||||
// link: `${ROUTE.PRODUCTS}/?${QUERY_KEY.FEATURED}=viewed`,
|
||||
// }
|
||||
// ]
|
||||
export default function Test() {
|
||||
return (
|
||||
<>
|
||||
{/* <RecipesListPage/> */}
|
||||
{/* <MenuNavigationProductList categories={CATEGORY} brands={BRANDS} featured={FEATURED}/> */}
|
||||
{/* <MenuFilter categories={CATEGORY} heading="Categories"/> */}
|
||||
{/* <MenuNavigation categories={CATEGORY} heading="Categories"/> */}
|
||||
<MenuNavigation categories={CATEGORY} heading="Categories"/>
|
||||
{/* <BlogDetailImg image={BlogDetail}/> */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
Reference in New Issue
Block a user