From e060668cb2a20614c8cc3eeb4c18a4b81b58845f Mon Sep 17 00:00:00 2001
From: Eric <5089238+emizzle@users.noreply.github.com>
Date: Fri, 28 Jun 2024 15:23:20 +1000
Subject: [PATCH] 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
---
 src/components/ContractEventAlerts.vue     | 5 +++--
 src/components/alerts/AlertWithContent.vue | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/ContractEventAlerts.vue b/src/components/ContractEventAlerts.vue
index db021bd..19b1149 100644
--- a/src/components/ContractEventAlerts.vue
+++ b/src/components/ContractEventAlerts.vue
@@ -1,6 +1,7 @@
 <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()
@@ -16,9 +17,9 @@ const alerts = defineModel()
       :id="event + blockNumber + requestId + slotIdx"
       :title="event"
       :type="type"
-      :btn-more-url="router.resolve({ path: `/request/${requestId}`, query: route.query }).href"
+      :btn-more-url="{ path: `/request/${requestId}`, query: route.query }"
       ><p>request {{ requestId }} at block {{ blockNumber }}</p>
-      <p v-if="slotIdx">Slot index: {{ slotIdx }}</p>
+      <p v-if="slotIdx !== undefined">Slot index: {{ slotIdx }}</p>
       <p>State: {{ state }}</p></AlertWithContent
     >
   </div>
diff --git a/src/components/alerts/AlertWithContent.vue b/src/components/alerts/AlertWithContent.vue
index fe6a920..c11ae43 100644
--- a/src/components/alerts/AlertWithContent.vue
+++ b/src/components/alerts/AlertWithContent.vue
@@ -27,7 +27,7 @@ const props = defineProps({
     default: 'View more'
   },
   btnMoreUrl: {
-    type: String,
+    type: Object,
     required: true
   }
 })
@@ -166,7 +166,7 @@ function dismissAndRedirect(targetElId, url) {
   let targetEl = document.getElementById(targetElId)
   let dismiss = new Dismiss(targetEl)
   dismiss.hide()
-  router.push({ path: url })
+  router.push(url)
 }
 </script>
 <template>