♻️ enhan: toggle cart

:%s

src/components/common/Layout/Layout.tsx

@@ -1,10 +1,9 @@
 import { CommerceProvider } from '@framework'
 import { useRouter } from 'next/router'
 import { FC } from 'react'
-import { FilterProvider } from 'src/components/contexts/FilterContext'
 import { useModalCommon } from 'src/components/hooks'
 import { BRAND, CATEGORY, FEATURED } from 'src/utils/constanst.utils'
-import { CartDrawer, CustomShapeSvg } from '..'
+import { CustomShapeSvg } from '..'
 import Footer from '../Footer/Footer'
 import Header from '../Header/Header'
 import MenuNavigationProductList from '../MenuNavigationProductList/MenuNavigationProductList'
@@ -18,18 +17,9 @@ interface Props {
 // note: demo code
 const Layout: FC<Props> = ({ children }) => {
     const { locale = 'en-US' } = useRouter()
-    const { visible: visibleCartDrawer, openModal, closeModal: closeCartDrawer } = useModalCommon({ initialValue: false })
     const { visible: visibleFilter, openModal: openFilter, closeModal: closeFilter } = useModalCommon({ initialValue: false })
-
-    const toggle = () => {
-        if (visibleCartDrawer) {
-            closeCartDrawer()
-        } else {
-            openModal()
-        }
-    }
+    
     const toggleFilter = () => {
-        console.log("click")
         if (visibleFilter) {
             closeFilter()
         } else {
@@ -41,11 +31,8 @@ const Layout: FC<Props> = ({ children }) => {
                 <div className={s.mainLayout}>
                     <Header toggleFilter={toggleFilter}/>
                     <main >{children}</main>
-                    <button onClick={toggle}>toggle card: {visibleCartDrawer.toString()}</button>
+                    
                     <CustomShapeSvg/>
-                    <CartDrawer
-                        visible={visibleCartDrawer}
-                        onClose={closeCartDrawer} />
 					<div className={s.filter}><MenuNavigationProductList categories={CATEGORY}  brands={BRAND} featured={FEATURED} visible={visibleFilter} onClose={closeFilter}/> </div>
                     <Footer />
                 </div>