diff --git a/components/bsx/Offer/MyOffer.vue b/components/bsx/Offer/MyOffer.vue
index 83b2dad009..4abc14dfaf 100644
--- a/components/bsx/Offer/MyOffer.vue
+++ b/components/bsx/Offer/MyOffer.vue
@@ -34,9 +34,9 @@
-
+
([])
const destinationAddress = ref('')
diff --git a/components/bsx/Offer/OffersUserTable.vue b/components/bsx/Offer/OffersUserTable.vue
index 13e8ba8346..8e97b25a09 100644
--- a/components/bsx/Offer/OffersUserTable.vue
+++ b/components/bsx/Offer/OffersUserTable.vue
@@ -171,6 +171,23 @@ const getUniqType = () => {
return [{ type: AllOfferStatusType.ALL, value: 'All' }, ...singleEventList]
}
+
+const currentBlock = ref(async () => {
+ const { apiInstance } = useApi()
+ const api = await apiInstance.value
+ const block = await api.rpc.chain.getHeader()
+ return block.number.toNumber()
+})
+
+const calcExpirationTime = (expirationBlock: number): string => {
+ if (currentBlock.value === 0) {
+ return 'computing'
+ }
+ if (currentBlock.value > expirationBlock) {
+ return 'expired'
+ }
+ return formatSecondsToDuration(calcSecondsToBlock(expirationBlock))
+}