crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed the way isEmpty works

Browse Source
This commit is contained in:
Luis Alvarez
2021-01-20 15:29:02 -05:00
parent a7baff45fc
commit 1db974dabd
7 changed files with 32 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/cart.tsx
View File

@@ -24,7 +24,7 @@ export async function getStaticProps({
export default function Cart() {
const error = null
const success = null
const { data, isEmpty } = useCart()
const { data, isLoading, isEmpty } = useCart()
const { price: subTotal } = usePrice(
data && {
@@ -42,7 +42,7 @@ export default function Cart() {
return (
<div className="grid lg:grid-cols-12">
<div className="lg:col-span-8">
{isEmpty ? (
{isLoading || isEmpty ? (
<div className="flex-1 px-12 py-24 flex flex-col justify-center items-center ">
<span className="border border-dashed border-secondary flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary">
<Bag className="absolute" />

4
pages/wishlist.tsx
View File

@@ -22,14 +22,14 @@ export async function getStaticProps({
export default function Wishlist() {
const { data: customer } = useCustomer()
const { data, isEmpty } = useWishlist()
const { data, isLoading, isEmpty } = useWishlist()
return (
<Container>
<div className="mt-3 mb-20">
<Text variant="pageHeading">My Wishlist</Text>
<div className="group flex flex-col">
{isEmpty ? (
{isLoading || isEmpty ? (
<div className="flex-1 px-12 py-24 flex flex-col justify-center items-center ">
<span className="border border-dashed border-secondary flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary">
<Heart className="absolute" />