fix: Move notification card out of cart button

netlify-templates · May 24, 2022 · 69a6a18 · 69a6a18
1 parent 7258881
commit 69a6a18
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/AddNotification/AddNotification.js b/src/components/AddNotification/AddNotification.js
@@ -46,10 +46,10 @@ const AddNotification = (props) => {
       </div>
 
       <div className={styles.actionContainer}>
-        {/* <Button level={'secondary'}>view my bag (1)</Button> */}
-        {/* <Button onClick={() => navigate('/cart')} level={'primary'}>
+        <Button onClick={props.openCart} level={'secondary'}>view my bag (1)</Button>
+        <Button level="primary" href="/cart">
           checkout
-        </Button> */}
+        </Button>
         <div className={styles.linkContainer}>
           <Link to={'/shop'}>continue shopping</Link>
         </div>

diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
@@ -154,10 +154,10 @@ const Header = (prop) => {
               <div className={styles.bagNotification}>
                 <span>1</span>
               </div>
-              <div className={styles.notificationContainer}>
-                <AddNotification />
-              </div>
             </button>
+            <div className={styles.notificationContainer}>
+                <AddNotification openCart={() => setShowMiniCart(true)} />
+            </div>
           </div>
         </div>