fix (blobs table): link to namespace

Author: Sunlight

components/data/BlocksTimeline/BlocksTimelineTable.vue

@@ -211,13 +211,15 @@ watch(
 								:class="preview.block.time === block.time && $style.active"
 							>
 								<td style="width: 1px">
-									<Outline>
-										<Flex align="center" gap="6">
-											<Icon name="block" size="14" color="primary" />
+									<NuxtLink :to="`/block/${block.height}`">
+										<Outline>
+											<Flex align="center" gap="6">
+												<Icon name="block" size="14" color="primary" />
 
-											<Text size="13" weight="600" color="primary" tabular>{{ comma(block.height) }}</Text>
-										</Flex>
-									</Outline>
+												<Text size="13" weight="600" color="primary" tabular>{{ comma(block.height) }}</Text>
+											</Flex>
+										</Outline>
+									</NuxtLink>
 								</td>
 								<td>
 									<Flex direction="column" gap="4">

components/modules/block/BlobsTable.vue

@@ -138,46 +138,48 @@ const handlePrev = () => {
 					<tbody>
 						<tr v-for="blob in blobs" @click.stop="handleViewBlob(blob)">
 							<td>
-								<Tooltip position="start" delay="500">
-									<Flex @click.stop="router.push(`/namespace/${blob.namespace.namespace_id}`)" direction="column" gap="4">
-										<Flex v-if="getNamespaceID(blob.namespace.namespace_id).length > 8" align="center" gap="8">
-											<Text size="12" weight="600" color="primary" mono>
-												{{ getNamespaceID(blob.namespace.namespace_id).slice(0, 4) }}
-											</Text>
-
-											<Flex align="center" gap="3">
-												<div v-for="dot in 3" class="dot" />
+								<NuxtLink :to="`/namespace/${blob.namespace.namespace_id}`" @click.stop>
+									<Tooltip position="start" delay="500">
+										<Flex direction="column" gap="4">
+											<Flex v-if="getNamespaceID(blob.namespace.namespace_id).length > 8" align="center" gap="8">
+												<Text size="12" weight="600" color="primary" mono>
+													{{ getNamespaceID(blob.namespace.namespace_id).slice(0, 4) }}
+												</Text>
+
+												<Flex align="center" gap="3">
+													<div v-for="dot in 3" class="dot" />
+												</Flex>
+
+												<Text size="12" weight="600" color="primary" mono>
+													{{ getNamespaceID(blob.namespace.namespace_id).slice(-4) }}
+												</Text>
+
+												<CopyButton :text="getNamespaceID(blob.namespace.namespace_id)" />
 											</Flex>
 
-											<Text size="12" weight="600" color="primary" mono>
-												{{ getNamespaceID(blob.namespace.namespace_id).slice(-4) }}
-											</Text>
+											<Flex v-else align="center" gap="8">
+												<Text size="12" weight="600" color="primary" mono>
+													{{ space(getNamespaceID(blob.namespace.namespace_id)) }}
+												</Text>
 
-											<CopyButton :text="getNamespaceID(blob.namespace.namespace_id)" />
-										</Flex>
+												<CopyButton :text="getNamespaceID(blob.namespace.namespace_id)" />
+											</Flex>
 
-										<Flex v-else align="center" gap="8">
-											<Text size="12" weight="600" color="primary" mono>
-												{{ space(getNamespaceID(blob.namespace.namespace_id)) }}
+											<Text
+												v-if="blob.namespace.name !== getNamespaceID(blob.namespace.namespace_id)"
+												size="12"
+												weight="500"
+												color="tertiary"
+											>
+												{{ blob.namespace.name }}
 											</Text>
-
-											<CopyButton :text="getNamespaceID(blob.namespace.namespace_id)" />
 										</Flex>
 
-										<Text
-											v-if="blob.namespace.name !== getNamespaceID(blob.namespace.namespace_id)"
-											size="12"
-											weight="500"
-											color="tertiary"
-										>
-											{{ blob.namespace.name }}
-										</Text>
-									</Flex>
-
-									<template #content>
-										{{ space(getNamespaceID(blob.namespace.namespace_id)) }}
-									</template>
-								</Tooltip>
+										<template #content>
+											{{ space(getNamespaceID(blob.namespace.namespace_id)) }}
+										</template>
+									</Tooltip>
+								</NuxtLink>
 							</td>
 							<td>
 								<Tooltip position="start" delay="500">