mirror of
https://github.com/logos-storage/ethcc-demo.git
synced 2026-01-22 23:13:10 +00:00
65de6aaf10
The purpose was to emulate the structure of a request in the contract, so that the entire request object could be overwritten, and then the app state, eg moderated, would be separately set. Other state properties are also only fetched if not already fetched.
47 lines
1.5 KiB
Vue
47 lines
1.5 KiB
Vue
<script setup>
|
|
import { computed, watch } from 'vue'
|
|
import { storeToRefs } from 'pinia'
|
|
import { useRequestsStore } from '@/stores/requests'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import StorageRequest from '@/components/StorageRequest.vue'
|
|
import SkeletonLoading from '@/components/SkeletonLoading.vue'
|
|
|
|
const requestsStore = useRequestsStore()
|
|
const { requests, loading, fetched } = storeToRefs(requestsStore)
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
|
|
async function fetchRequest(requestId) {
|
|
console.log('request id route param changed, fetching...')
|
|
try {
|
|
await requestsStore.fetchRequestDetails(requestId)
|
|
} catch (error) {
|
|
if (
|
|
error.message.includes('Unknown request') ||
|
|
error.message.includes('invalid BytesLike value')
|
|
) {
|
|
router.push({ path: '/404', query: route.query })
|
|
}
|
|
}
|
|
}
|
|
|
|
const request = computed(() => requests.value[route.params.requestId])
|
|
const detailsLoading = computed(() => requests.value[route.params.requestId]?.loading?.request)
|
|
|
|
watch(() => route.params.requestId, fetchRequest, { immediate: true })
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<SkeletonLoading v-if="loading.past || detailsLoading" type="image" />
|
|
<StorageRequest
|
|
v-else-if="!!request"
|
|
:requestId="route.params.requestId"
|
|
v-model="request"
|
|
:enableModeration="route.query.enableModeration === 'true'"
|
|
:slotsLoading="request.loading.slots"
|
|
:slotsFetched="request.fetched.slots"
|
|
/>
|
|
</div>
|
|
</template>
|