fix route links

Author: marle3003

webui/src/components/dashboard/http/RequestInfoCard.vue

@@ -4,6 +4,7 @@ import { usePrettyBytes } from '@/composables/usePrettyBytes'
 import { usePrettyDates } from '@/composables/usePrettyDate'
 import { usePrettyHttp } from '@/composables/http'
 import { useRoute } from 'vue-router';
+import { getRouteName } from '@/composables/dashboard';
 
 const prop = defineProps({
     event: { type: Object as PropType<ServiceEvent>, required: true },
@@ -24,9 +25,8 @@ const operationRoute = computed(() => {
     endpoint.push(prop.event.traits.method.toLowerCase())
 
     return {
-        name: 'httpEndpoint',
+        name: getRouteName('httpEndpoint').value,
         params: { service: prop.event.traits.name, endpoint: endpoint },
-        query: { refresh: route.query.refresh }
     }
 })
 const apiRoute = computed(() => {
@@ -35,7 +35,7 @@ const apiRoute = computed(() => {
     }
 
     return {
-        name: 'httpService',
+        name: getRouteName('httpService').value,
         params: { service: prop.event.traits.name },
         query: { refresh: route.query.refresh }
     }

webui/src/components/dashboard/kafka/Message.vue

@@ -6,7 +6,7 @@ import { usePrettyLanguage } from '@/composables/usePrettyLanguage'
 import { usePrettyDates } from "@/composables/usePrettyDate";
 import Loading from '@/components/Loading.vue'
 import Message from '@/components/Message.vue'
-import { useDashboard } from "@/composables/dashboard";
+import { getRouteName, useDashboard } from "@/composables/dashboard";
 import { useMeta } from "@/composables/meta";
 
 const route = useRoute();
@@ -182,7 +182,7 @@ function isNumber(value: string): boolean {
             <div class="col">
               <label id="message-topic" class="label">Kafka Topic</label>
               <p>
-                <router-link :to="{ name: 'kafkaTopic', params: { service: event.traits.name, topic: event.traits.topic } }" aria-labelledby="message-topic">
+                <router-link :to="{ name: getRouteName('kafkaTopic').value, params: { service: event.traits.name, topic: event.traits.topic } }" aria-labelledby="message-topic">
                   {{ event.traits.topic  }}
                 </router-link>
               </p>