ethcc-demo/src/components/ContractEventAlerts.vue
Eric e060668cb2
Fix alert button url and info
- alert button url was not honouring the enableModeration query string
- slot index was not appear for slot index 0
2024-06-28 15:23:20 +10:00

27 lines
805 B
Vue

<script setup>
import { useRouter, useRoute } from 'vue-router'
import AlertWithContent from '@/components/alerts/AlertWithContent.vue'
import { computed } from 'vue'
const router = useRouter()
const route = useRoute()
const alerts = defineModel()
</script>
<template>
<div
v-for="{ event, blockNumber, requestId, slotIdx, state, type } in alerts"
:key="event + blockNumber + requestId"
>
<AlertWithContent
:id="event + blockNumber + requestId + slotIdx"
:title="event"
:type="type"
:btn-more-url="{ path: `/request/${requestId}`, query: route.query }"
><p>request {{ requestId }} at block {{ blockNumber }}</p>
<p v-if="slotIdx !== undefined">Slot index: {{ slotIdx }}</p>
<p>State: {{ state }}</p></AlertWithContent
>
</div>
</template>