crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-25 03:01:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix css component MenuNavigation and fix conflic

Browse Source
This commit is contained in:
quangnhankie
2021-09-07 11:17:12 +07:00
parent ec3c2e0b67
commit 60dd790c9c
41 changed files with 894 additions and 10000 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pages/index.tsx
View File

@@ -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
View 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}/> */}
</>
)
}