Skip to content

Commit 8ba5b27

Browse files
xdeqxdeq
committed
fix(BlobsTable): click on item
1 parent 6d5cffd commit 8ba5b27

File tree

2 files changed

+27
-16
lines changed

2 files changed

+27
-16
lines changed

‎assets/icons.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"moon": "M9.06693 2.41209C9.23841 2.03292 9.15714 1.58718 8.86288 1.29292C8.56862 0.998664 8.12289 0.917397 7.74371 1.08887C3.76893 2.88642 1 6.88764 1 11.5377C1 17.8682 6.13185 23 12.4623 23C17.1124 23 21.1136 20.2311 22.9112 16.2563C23.0826 15.8771 23.0014 15.4314 22.7071 15.1371C22.4128 14.8429 21.9671 14.7616 21.5879 14.9331C20.4015 15.4697 19.0838 15.7689 17.6935 15.7689C12.4676 15.7689 8.23116 11.5325 8.23116 6.30656C8.23116 4.91628 8.53036 3.59857 9.06693 2.41209Z",
44
"sun": "M13 2C13 1.44772 12.5523 1 12 1C11.4477 1 11 1.44772 11 2V4C11 4.55228 11.4477 5 12 5C12.5523 5 13 4.55228 13 4V2ZM13 20C13 19.4477 12.5523 19 12 19C11.4477 19 11 19.4477 11 20V22C11 22.5523 11.4477 23 12 23C12.5523 23 13 22.5523 13 22V20ZM2 11C1.44772 11 1 11.4477 1 12C1 12.5523 1.44772 13 2 13H4C4.55228 13 5 12.5523 5 12C5 11.4477 4.55228 11 4 11H2ZM5.60701 4.1928C5.21649 3.80227 4.58332 3.80227 4.1928 4.1928C3.80227 4.58332 3.80227 5.21649 4.1928 5.60701L5.60701 7.02122C5.99753 7.41175 6.6307 7.41175 7.02122 7.02122C7.41175 6.6307 7.41175 5.99753 7.02122 5.60701L5.60701 4.1928ZM19.8073 5.60701C20.1979 5.21649 20.1979 4.58332 19.8073 4.1928C19.4168 3.80227 18.7836 3.80227 18.3931 4.1928L16.9789 5.60701C16.5884 5.99753 16.5884 6.6307 16.9789 7.02122C17.3694 7.41175 18.0026 7.41175 18.3931 7.02122L19.8073 5.60701ZM7.02122 18.397C7.41175 18.0065 7.41175 17.3734 7.02122 16.9828C6.6307 16.5923 5.99753 16.5923 5.60701 16.9828L4.1928 18.397C3.80227 18.7876 3.80227 19.4207 4.1928 19.8113C4.58332 20.2018 5.21649 20.2018 5.60701 19.8113L7.02122 18.397ZM18.3931 16.9828C18.0026 16.5923 17.3694 16.5923 16.9789 16.9828C16.5884 17.3734 16.5884 18.0065 16.9789 18.397L18.3931 19.8113C18.7836 20.2018 19.4168 20.2018 19.8073 19.8113C20.1979 19.4207 20.1979 18.7876 19.8073 18.397L18.3931 16.9828ZM20 11C19.4477 11 19 11.4477 19 12C19 12.5523 19.4477 13 20 13H22C22.5523 13 23 12.5523 23 12C23 11.4477 22.5523 11 22 11H20ZM6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12Z",
55
"folder": "M 1 6.162 C 1 5.635 1 5.18 1.03 4.805 C 1.063 4.41 1.134 4.017 1.327 3.638 C 1.615 3.074 2.074 2.615 2.638 2.328 C 3.016 2.134 3.41 2.063 3.805 2.031 C 4.18 2 4.635 2 5.161 2 L 9.147 2 C 9.74 1.998 10.262 1.998 10.742 2.163 C 11.162 2.308 11.545 2.545 11.863 2.856 C 12.226 3.211 12.459 3.678 12.723 4.21 L 13.618 6 L 17.241 6 C 18.046 6 18.711 6 19.251 6.044 C 19.814 6.09 20.331 6.189 20.816 6.436 C 21.569 6.819 22.181 7.431 22.564 8.184 C 22.811 8.669 22.91 9.186 22.956 9.748 C 23 10.289 23 10.954 23 11.758 L 23 16.241 C 23 17.046 23 17.711 22.956 18.251 C 22.91 18.814 22.811 19.331 22.564 19.816 C 22.181 20.569 21.569 21.181 20.816 21.564 C 20.331 21.811 19.814 21.91 19.252 21.956 C 18.711 22 18.046 22 17.242 22 L 6.758 22 C 5.953 22 5.288 22 4.748 21.956 C 4.185 21.91 3.668 21.811 3.183 21.564 C 2.43 21.181 1.818 20.569 1.435 19.816 C 1.188 19.331 1.089 18.814 1.043 18.252 C 1 17.71 1 17.046 1 16.242 Z M 5.2 4 C 4.623 4 4.25 4.001 3.968 4.024 C 3.696 4.046 3.596 4.084 3.546 4.109 C 3.358 4.205 3.205 4.358 3.109 4.546 C 3.084 4.596 3.046 4.696 3.024 4.968 C 3.004 5.217 3 5.535 3 6 L 11.382 6 L 10.99 5.216 C 10.637 4.509 10.554 4.375 10.464 4.285 C 10.358 4.182 10.23 4.103 10.09 4.055 C 9.969 4.013 9.812 4 9.022 4 Z",
6+
"info": "M 19.196 2.03 C 19.591 2.062 19.985 2.133 20.363 2.326 C 20.927 2.614 21.386 3.073 21.674 3.637 C 21.867 4.015 21.938 4.409 21.971 4.804 C 22.001 5.179 22.001 5.633 22.001 6.16 L 22.001 17.84 C 22.001 18.366 22.001 18.821 21.97 19.196 C 21.938 19.591 21.867 19.985 21.674 20.363 C 21.386 20.927 20.927 21.386 20.363 21.674 C 19.985 21.867 19.591 21.938 19.196 21.971 C 18.822 22.001 18.367 22.001 17.84 22.001 L 6.161 22.001 C 5.635 22.001 5.18 22.001 4.805 21.97 C 4.41 21.938 4.016 21.867 3.638 21.674 C 3.074 21.386 2.615 20.927 2.327 20.363 C 2.134 19.985 2.063 19.591 2.03 19.196 C 2 18.822 2 18.367 2 17.84 L 2 6.161 C 2 5.635 2 5.18 2.032 4.805 C 2.064 4.41 2.135 4.016 2.328 3.638 C 2.616 3.074 3.075 2.615 3.639 2.327 C 4.017 2.134 4.411 2.063 4.806 2.03 C 5.181 2 5.635 2 6.162 2 L 17.838 2 C 18.291 1.993 18.744 2.003 19.196 2.03 Z M 12 7 C 11.448 7 11 7.448 11 8 C 11 8.552 11.448 9 12 9 L 12.01 9 C 12.562 9 13.01 8.552 13.01 8 C 13.01 7.448 12.562 7 12.01 7 Z M 13 12 C 13 11.448 12.552 11 12 11 C 11.448 11 11 11.448 11 12 L 11 16 C 11 16.552 11.448 17 12 17 C 12.552 17 13 16.552 13 16 Z",
67
"coins": "M 7.5 2 C 5.896 2 4.4 2.235 3.27 2.646 L 3.164 2.685 C 2.643 2.884 2.158 3.138 1.78 3.463 C 1.38 3.807 1 4.323 1 5 L 1 6.5 C 1 7.177 1.38 7.693 1.78 8.037 C 2.183 8.383 2.708 8.65 3.27 8.854 C 4.4 9.265 5.896 9.5 7.5 9.5 C 7.732 9.5 7.962 9.495 8.189 9.485 C 8.329 9.479 8.399 9.476 8.461 9.457 C 8.517 9.44 8.569 9.413 8.615 9.377 C 8.668 9.337 8.721 9.268 8.827 9.13 C 9.041 8.853 9.269 8.625 9.477 8.447 C 10.129 7.886 10.897 7.517 11.586 7.267 C 12.151 7.065 12.73 6.908 13.319 6.795 C 13.572 6.745 13.699 6.721 13.785 6.661 C 13.862 6.609 13.922 6.536 13.958 6.451 C 14 6.355 14 6.233 14 5.988 L 14 5 C 14 4.323 13.62 3.807 13.22 3.463 C 12.817 3.117 12.292 2.85 11.73 2.646 C 10.6 2.235 9.105 2 7.5 2 Z M 8 11.992 C 7.999 11.86 7.946 11.735 7.852 11.642 C 7.758 11.55 7.632 11.499 7.5 11.5 C 5.896 11.5 4.4 11.265 3.27 10.854 C 2.708 10.65 2.183 10.384 1.78 10.037 C 1.624 9.905 1.485 9.754 1.365 9.589 C 1.327 9.534 1.264 9.501 1.197 9.5 C 1.088 9.5 1 9.588 1 9.697 L 1 11.5 C 1 12.177 1.38 12.693 1.78 13.037 C 2.183 13.383 2.708 13.65 3.27 13.854 C 4.4 14.265 5.896 14.5 7.5 14.5 L 7.512 14.5 C 7.785 14.489 8 14.265 8 13.992 Z M 7.5 16.5 C 7.774 16.5 8 16.719 8 16.992 L 8 19 C 8 19.126 8.006 19.249 8.018 19.368 L 8.026 19.454 C 8.056 19.772 7.85 19.999 7.529 20 L 7.5 20 C 5.896 20 4.4 19.765 3.27 19.354 C 2.708 19.15 2.183 18.884 1.78 18.537 C 1.38 18.193 1 17.677 1 17 L 1 14.697 C 1 14.588 1.088 14.5 1.197 14.5 C 1.264 14.5 1.327 14.534 1.365 14.589 C 1.489 14.761 1.633 14.911 1.78 15.037 C 2.183 15.383 2.708 15.65 3.27 15.854 C 4.4 16.265 5.896 16.5 7.5 16.5 Z M 14.207 8.169 C 14.966 8.055 15.732 7.998 16.5 8 C 18.104 8 19.6 8.235 20.73 8.646 L 20.836 8.685 C 21.357 8.884 21.842 9.138 22.22 9.463 C 22.62 9.807 23 10.323 23 11 L 23 13 C 23 13.677 22.62 14.193 22.22 14.537 C 21.817 14.883 21.292 15.15 20.73 15.354 C 19.6 15.765 18.104 16 16.5 16 C 14.896 16 13.4 15.765 12.27 15.354 C 11.708 15.15 11.183 14.884 10.78 14.537 C 10.38 14.193 10 13.677 10 13 L 10 11 C 10 10.323 10.38 9.807 10.78 9.463 C 11.183 9.117 11.708 8.85 12.27 8.646 C 12.34 8.62 12.412 8.596 12.485 8.571 C 13.047 8.389 13.623 8.254 14.207 8.169 Z M 10 16.197 C 10 16.088 10.088 16 10.197 16 C 10.264 16 10.327 16.034 10.365 16.089 C 10.489 16.261 10.633 16.411 10.78 16.537 C 11.183 16.883 11.708 17.15 12.27 17.354 C 13.4 17.765 14.896 18 16.5 18 C 18.104 18 19.6 17.765 20.73 17.354 C 21.292 17.15 21.817 16.884 22.22 16.537 C 22.367 16.41 22.51 16.261 22.635 16.089 C 22.673 16.034 22.736 16.001 22.803 16 C 22.912 16 23 16.088 23 16.197 L 23 18.5 C 23 19.177 22.62 19.693 22.22 20.037 C 21.817 20.383 21.292 20.65 20.73 20.854 C 19.6 21.265 18.104 21.5 16.5 21.5 C 14.896 21.5 13.4 21.265 12.27 20.854 C 11.708 20.65 11.183 20.384 10.78 20.037 C 10.38 19.693 10 19.177 10 18.5 Z",
78
"coins_down": "M 9 5 C 8.678 5 8.359 5.015 8.044 5.045 C 9.714 2.112 13.045 0.542 16.37 1.121 C 19.695 1.7 22.299 4.304 22.878 7.629 C 23.457 10.954 21.887 14.285 18.954 15.955 C 18.984 15.641 19 15.322 19 15 C 19 9.477 14.523 5 9 5 Z M 7.202 7.202 C 11.509 6.209 15.805 8.895 16.798 13.202 C 17.791 17.509 15.105 21.805 10.798 22.798 C 6.492 23.791 2.196 21.104 1.203 16.798 C 0.21 12.492 2.897 8.196 7.203 7.203 Z M 10 12 C 10 11.448 9.552 11 9 11 C 8.448 11 8 11.448 8 12 L 8 16.586 L 6.707 15.293 C 6.315 14.914 5.691 14.919 5.305 15.305 C 4.919 15.691 4.914 16.315 5.293 16.707 L 8.293 19.707 C 8.683 20.097 9.317 20.097 9.707 19.707 L 12.707 16.707 C 13.086 16.315 13.081 15.691 12.695 15.305 C 12.309 14.919 11.685 14.914 11.293 15.293 L 10 16.586 Z",
89
"coins_up": "M 9 5 C 8.678 5 8.359 5.015 8.044 5.045 C 9.714 2.112 13.045 0.542 16.37 1.121 C 19.695 1.7 22.299 4.304 22.878 7.629 C 23.457 10.954 21.887 14.285 18.954 15.955 C 18.984 15.641 19 15.322 19 15 C 19 9.477 14.523 5 9 5 Z M 7.202 7.202 C 11.509 6.209 15.805 8.895 16.798 13.202 C 17.791 17.509 15.105 21.805 10.798 22.798 C 6.492 23.791 2.196 21.104 1.203 16.798 C 0.21 12.492 2.897 8.196 7.203 7.203 Z M 9.707 11.293 C 9.317 10.903 8.683 10.903 8.293 11.293 L 5.293 14.293 C 5.033 14.544 4.929 14.916 5.02 15.266 C 5.112 15.615 5.385 15.888 5.734 15.98 C 6.084 16.071 6.456 15.967 6.707 15.707 L 8 14.414 L 8 19 C 8 19.552 8.448 20 9 20 C 9.552 20 10 19.552 10 19 L 10 14.414 L 11.293 15.707 C 11.685 16.086 12.309 16.081 12.695 15.695 C 13.081 15.309 13.086 14.685 12.707 14.293 Z",

‎components/modules/block/BlobsTable.vue‎

Lines changed: 26 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,15 @@ const handlePrev = () => {
9494

9595
<Flex v-if="!isBlobsLoading" direction="column" gap="4">
9696
<Flex align="center" justify="between" :class="$style.header">
97-
<Text size="14" weight="600" color="primary">Blobs</Text>
97+
<Flex align="center" gap="8">
98+
<Text size="14" weight="600" color="primary">Blobs</Text>
99+
100+
<Tooltip side="right">
101+
<Icon name="info" size="14" color="tertiary" />
102+
103+
<template #content> Click on an item in the list to see the blob </template>
104+
</Tooltip>
105+
</Flex>
98106

99107
<Flex v-if="pages" align="center" gap="6">
100108
<Button @click="page = 1" type="secondary" size="mini" :disabled="page === 1"> First </Button>
@@ -127,25 +135,27 @@ const handlePrev = () => {
127135
</thead>
128136

129137
<tbody>
130-
<tr v-for="blob in blobs" @click="router.push(`/namespace/${blob.namespace.hash}`)">
131-
<td style="width: 1px">
138+
<tr v-for="blob in blobs" @click.stop="handleViewBlob(blob)">
139+
<td>
132140
<Tooltip position="start" delay="500">
133141
<Flex align="center" gap="10">
134-
<Flex align="center" gap="8">
135-
<Icon name="blob" size="12" color="secondary" />
142+
<NuxtLink :to="`/namespace/${blob.namespace.hash}`" @click.stop>
143+
<Flex align="center" gap="8">
144+
<Icon name="blob" size="12" color="secondary" />
136145

137-
<Text size="13" weight="600" color="primary">
138-
{{ getNamespaceID(blob.namespace.namespace_id).slice(0, 4) }}
139-
</Text>
146+
<Text size="13" weight="600" color="primary">
147+
{{ getNamespaceID(blob.namespace.namespace_id).slice(0, 4) }}
148+
</Text>
140149

141-
<Flex align="center" gap="3">
142-
<div v-for="dot in 3" class="dot" />
143-
</Flex>
150+
<Flex align="center" gap="3">
151+
<div v-for="dot in 3" class="dot" />
152+
</Flex>
144153

145-
<Text size="13" weight="600" color="primary">
146-
{{ getNamespaceID(blob.namespace.namespace_id).slice(-4) }}
147-
</Text>
148-
</Flex>
154+
<Text size="13" weight="600" color="primary">
155+
{{ getNamespaceID(blob.namespace.namespace_id).slice(-4) }}
156+
</Text>
157+
</Flex>
158+
</NuxtLink>
149159

150160
<CopyButton :text="getNamespaceID(blob.namespace.namespace_id)" />
151161
</Flex>
@@ -207,7 +217,7 @@ const handlePrev = () => {
207217
<Text size="13" weight="600" color="primary">{{ blob.namespace.version }}</Text>
208218
</td>
209219
<td style="width: 1px">
210-
<Button @click.stop="handleViewBlob(blob)" type="secondary" size="mini">View</Button>
220+
<Icon name="arrow-narrow-up-right" size="14" color="tertiary" />
211221
</td>
212222
</tr>
213223
</tbody>

0 commit comments

Comments
 (0)