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 || ''}"
>
`