From fe66a8d746f4c84b92255c34385f7113498a5171 Mon Sep 17 00:00:00 2001
From: Luis Alvarez <luis@vercel.com>
Date: Wed, 7 Oct 2020 15:13:49 -0500
Subject: [PATCH] close view if "continue shopping" is clicked

---
 components/cart/CartSidebarView/CartSidebarView.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/cart/CartSidebarView/CartSidebarView.tsx b/components/cart/CartSidebarView/CartSidebarView.tsx
index e2cfab68c..74c388bfb 100644
--- a/components/cart/CartSidebarView/CartSidebarView.tsx
+++ b/components/cart/CartSidebarView/CartSidebarView.tsx
@@ -10,6 +10,7 @@ const CartSidebarView: FC = () => {
   const { data, isEmpty } = useCart()
   const { closeSidebar } = useUI()
   const items = data?.line_items.physical_items ?? []
+  const handleClose = () => closeSidebar()
 
   console.log('CART', data, isEmpty)
 
@@ -19,7 +20,7 @@ const CartSidebarView: FC = () => {
         <div className="flex items-start justify-between space-x-3">
           <div className="h-7 flex items-center">
             <button
-              onClick={() => closeSidebar()}
+              onClick={handleClose}
               aria-label="Close panel"
               className="text-gray-400 hover:text-gray-500 transition ease-in-out duration-150"
             >
@@ -43,7 +44,7 @@ const CartSidebarView: FC = () => {
 
       {isEmpty ? (
         <div className="flex-shrink-0 px-4 border-gray-200 py-5 sm:px-6">
-          <Button>Continue Shopping</Button>
+          <Button onClick={handleClose}>Continue Shopping</Button>
         </div>
       ) : (
         <>