Put continue shopping button on empty cart

This commit is contained in:
Martin Bavio 2020-10-30 04:02:43 -03:00
parent 37d58b2a59
commit 7ac4625c74

View File

@ -46,6 +46,9 @@ export default function Cart() {
<p className="text-accents-6 px-10 text-center pt-2"> <p className="text-accents-6 px-10 text-center pt-2">
Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake. Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake.
</p> </p>
<Button href="/" Component="a" className="block mt-8">
Continue Shopping
</Button>
</div> </div>
) : ( ) : (
<div className="grid lg:grid-cols-12"> <div className="grid lg:grid-cols-12">
@ -98,15 +101,9 @@ export default function Cart() {
</div> </div>
<div className="flex flex-row justify-end"> <div className="flex flex-row justify-end">
<div className="w-full lg:w-72"> <div className="w-full lg:w-72">
{isEmpty ? (
<Button href="/" Component="a" width="100%">
Continue Shopping
</Button>
) : (
<Button href="/checkout" Component="a" width="100%"> <Button href="/checkout" Component="a" width="100%">
Proceed to Checkout Proceed to Checkout
</Button> </Button>
)}
</div> </div>
</div> </div>
</div> </div>