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

♻️ enhan: refactor component ScrollToTop

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-09-14 16:12:03 +07:00
parent 83b5f90486
commit e30f1c520f
3 changed files with 40 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/common/Layout/Layout.tsx
View File

@@ -3,7 +3,7 @@ import { useRouter } from 'next/router'
import { FC } from 'react'
import { useModalCommon } from 'src/components/hooks'
import { BRAND, CATEGORY, FEATURED } from 'src/utils/constanst.utils'
import { CustomShapeSvg } from '..'
import { CustomShapeSvg, ScrollToTop } from '..'
import Footer from '../Footer/Footer'
import Header from '../Header/Header'
import MenuNavigationProductList from '../MenuNavigationProductList/MenuNavigationProductList'
@@ -18,7 +18,7 @@ interface Props {
const Layout: FC<Props> = ({ children }) => {
const { locale = 'en-US' } = useRouter()
const { visible: visibleFilter, openModal: openFilter, closeModal: closeFilter } = useModalCommon({ initialValue: false })
const toggleFilter = () => {
if (visibleFilter) {
closeFilter()
@@ -28,14 +28,15 @@ const Layout: FC<Props> = ({ children }) => {
}
return (
<CommerceProvider locale={locale}>
<div className={s.mainLayout}>
<Header toggleFilter={toggleFilter}/>
<main >{children}</main>
<CustomShapeSvg/>
<div className={s.filter}><MenuNavigationProductList categories={CATEGORY} brands={BRAND} featured={FEATURED} visible={visibleFilter} onClose={closeFilter}/> </div>
<Footer />
</div>
<div className={s.mainLayout}>
<Header toggleFilter={toggleFilter} />
<main >{children}</main>
<CustomShapeSvg />
<div className={s.filter}><MenuNavigationProductList categories={CATEGORY} brands={BRAND} featured={FEATURED} visible={visibleFilter} onClose={closeFilter} /> </div>
<ScrollToTop visibilityHeight={1500} />
<Footer />
</div>
</CommerceProvider>
)