cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

close view if "continue shopping" is clicked

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-07 15:13:49 -05:00
parent 3ac6805ebe
commit fe66a8d746
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/cart/CartSidebarView/CartSidebarView.tsx
View File

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