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

update

Browse Source
This commit is contained in:
sonnguyenkieio
2021-09-06 14:22:34 +07:00
parent 5c0dbd9d2f
commit e4172cf2c7
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index.tsx
View File

@@ -1,17 +1,23 @@
import React, { MutableRefObject, useRef } from 'react'; import React, { MutableRefObject, useRef } from 'react';
import { Banner, ButtonCommon, ButtonIconBuy, CollectionHeading, HeadingCommon, Inputcommon, InputSearch, Layout, ScrollTarget } from 'src/components/common'; import { Banner, ButtonCommon, ButtonIconBuy, CollectionHeading, HeadingCommon, Inputcommon, InputSearch, Layout, ScrollToTop } from 'src/components/common';
import { IconBuy } from 'src/components/icons'; import { IconBuy } from 'src/components/icons';
export default function Home() { export default function Home() {
const refScrollUp = useRef() as MutableRefObject<HTMLDivElement>;
return ( return (
<> <>
<ScrollTarget refScrollUp={refScrollUp} /> {/* <ScrollTarget refScrollUp={refScrollUp} /> */}
<HeadingCommon align="center">categories</HeadingCommon> <HeadingCommon align="center">categories</HeadingCommon>
<HeadingCommon type='light'>categories</HeadingCommon> <HeadingCommon type='light'>categories</HeadingCommon>
<CollectionHeading subtitle='Lorem' title='Heading here'/> <CollectionHeading subtitle='Lorem' title='Heading here'/>
<CollectionHeading subtitle='Lorem' title='Heading here'/>
<CollectionHeading subtitle='Lorem' title='Heading here'/>
<CollectionHeading subtitle='Lorem' title='Heading here'/>
<CollectionHeading subtitle='Lorem' title='Heading here'/>
<HeadingCommon align="center" type='light'>categories</HeadingCommon> <HeadingCommon align="center" type='light'>categories</HeadingCommon>
<ScrollToTop />
<p>Go to <code>src/components</code> to make your awesome component!</p> <p>Go to <code>src/components</code> to make your awesome component!</p>
<p>Go to <code>src/styles</code> to find global styles!</p> <p>Go to <code>src/styles</code> to find global styles!</p>

1
src/components/common/index.ts
View File

@@ -11,7 +11,6 @@ export { default as Inputcommon} from './InputCommon/InputCommon'
export { default as HeadingCommon } from './HeadingCommon/HeadingCommon' export { default as HeadingCommon } from './HeadingCommon/HeadingCommon'
export { default as CollectionHeading } from './CollectionHeading/CollectionHeading' export { default as CollectionHeading } from './CollectionHeading/CollectionHeading'
export { default as ScrollToTop } from './ScrollToTop/ScrollToTop' export { default as ScrollToTop } from './ScrollToTop/ScrollToTop'
export { default as ScrollTarget } from './ScrollToTop/ScrollTarget'
export { default as InputSearch} from './InputSearch/InputSearch' export { default as InputSearch} from './InputSearch/InputSearch'
export { default as ButtonIconBuy} from './ButtonIconBuy/ButtonIconBuy' export { default as ButtonIconBuy} from './ButtonIconBuy/ButtonIconBuy'
export { default as Banner} from './Banner/Banner' export { default as Banner} from './Banner/Banner'