diff --git a/js/components/listing-card.js b/js/components/listing-card.js index 3f75787..44fc2b1 100644 --- a/js/components/listing-card.js +++ b/js/components/listing-card.js @@ -7,7 +7,7 @@ let cachedRates = null class ListingCard extends HTMLElement { static get observedAttributes() { - return ['listing-id', 'title', 'price', 'currency', 'location', 'image', 'owner-id', 'payment-status', 'expires-at'] + return ['listing-id', 'title', 'price', 'currency', 'location', 'image', 'owner-id', 'payment-status', 'status'] } constructor() { @@ -130,11 +130,10 @@ class ListingCard extends HTMLElement { ` : '' const paymentStatus = this.getAttribute('payment-status') - const expiresAt = this.getAttribute('expires-at') - const isExpired = expiresAt && new Date(expiresAt) < new Date() + const status = this.getAttribute('status') let paymentBadge = '' - if (isExpired) { + if (status === 'archived') { paymentBadge = /* html */`${t('myListings.status.expired')}` } else if (paymentStatus === 'processing' || paymentStatus === 'pending') { paymentBadge = /* html */`${t('myListings.status.processing')}` diff --git a/js/components/pages/page-my-listings.js b/js/components/pages/page-my-listings.js index 4846176..25e93a3 100644 --- a/js/components/pages/page-my-listings.js +++ b/js/components/pages/page-my-listings.js @@ -227,7 +227,7 @@ class PageMyListings extends HTMLElement { image="${imageUrl}" owner-id="${listing.user_created || ''}" payment-status="${listing.payment_status || ''}" - expires-at="${listing.expires_at || ''}" + status="${listing.status || ''}" > `