diff --git a/src/components/StorageRequest.vue b/src/components/StorageRequest.vue index 6f9dae1..526d771 100644 --- a/src/components/StorageRequest.vue +++ b/src/components/StorageRequest.vue @@ -2,7 +2,7 @@ import { onMounted, computed } from 'vue' import { useRouter } from 'vue-router' import { initTooltips } from 'flowbite' -import { getStateColour, moderatedState, price } from '@/utils/requests' +import { getStateColour, moderatedState, price, timestampsFor } from '@/utils/requests' import { autoPluralize } from '@/utils/strings' import CodexImage from '@/components/CodexImage.vue' @@ -41,6 +41,18 @@ const totalPrice = computed(() => price(request.value)) const maxSlotLoss = computed(() => autoPluralize(request.value.ask.maxSlotLoss, 'slot')) const slots = computed(() => autoPluralize(request.value.ask.slots, 'slot')) const stateColour = computed(() => getStateColour(request.value.state)) +const timestamps = computed(() => { + let { requestedAt, endsAt, expiresAt } = timestampsFor( + request.value.ask, + request.value.expiry, + request.value.requestedAt + ) + return { + requested: new Date(requestedAt * 1000), + expires: new Date(expiresAt * 1000), + ends: new Date(endsAt * 1000) + } +})