Handle celestials and new tvs data format

GusevPM · GusevPM · commit 79548d31f8b1 · 2025-02-03T18:16:24.000+01:00
diff --git a/components/AddressBadge.vue b/components/AddressBadge.vue
@@ -1,7 +1,7 @@
 <script setup>
 const props = defineProps({
-	hash: {
-		type: String,
+	account: {
+		type: Object,
 		required: true,
 	},
 	color: {
@@ -13,12 +13,12 @@ const props = defineProps({
 const alias = computed(() => {
 	const { $getDisplayName } = useNuxtApp()
 
-  	return $getDisplayName('addresses', props.hash)
+  	return $getDisplayName('addresses', "", props.account)
 })
 </script>
 
 <template>
-	<NuxtLink :to="`/address/${hash}`" @click.stop>
+	<NuxtLink :to="`/address/${account.hash}`" @click.stop>
 		<Flex align="center" gap="6">
 			<Text size="13" weight="600" :color="color"> {{ alias }} </Text>
 		</Flex>
diff --git a/components/data/LatestPFBTable.vue b/components/data/LatestPFBTable.vue
@@ -106,7 +106,7 @@ isLoading.value = false
 								<NuxtLink :to="`/tx/${pfb.hash}`">
 									<Flex align="center" justify="center">
 										<Text size="12" weight="600" color="primary" class="table_column_alias">
-											{{ $getDisplayName('addresses', pfb.signers[0]) }}
+											{{ $getDisplayName('addresses', pfb.signers[0].hash) }}
 										</Text>
 									</Flex>
 								</NuxtLink>
diff --git a/components/modules/address/tables/GrantersTable.vue b/components/modules/address/tables/GrantersTable.vue
@@ -73,7 +73,7 @@ const handleViewRawGrants = (g) => {
 					<td @click="handleViewRawGrants(g)">
 						<Flex align="center">
 							<Text size="12" weight="600" color="primary" class="table_column_alias">
-								{{ $getDisplayName('addresses', g.granter) }}
+								{{ $getDisplayName('addresses', g.granter.hash) }}
 							</Text>
 						</Flex>
 					</td>
diff --git a/components/modules/address/tables/GrantsTable.vue b/components/modules/address/tables/GrantsTable.vue
@@ -73,7 +73,7 @@ const handleViewRawGrants = (g) => {
 					<td @click="handleViewRawGrants(g)">
 						<Flex align="center">
 							<Text size="12" weight="600" color="primary" class="table_column_alias">
-								{{ $getDisplayName('addresses', g.grantee) }}
+								{{ $getDisplayName('addresses', g.grantee.hash) }}
 							</Text>
 						</Flex>
 					</td>
diff --git a/components/modules/block/BlobsTable.vue b/components/modules/block/BlobsTable.vue
@@ -106,7 +106,7 @@ const handleViewBlob = (blob) => {
 		namespace_name: blob.namespace.name,
 		commitment: blob.commitment,
 		height: blob.height,
-		signer: blob.signer,
+		signer: blob.signer.hash,
 		size: blob.size,
 		tx: blob.tx,
 		rollup: blob.rollup,
@@ -212,13 +212,13 @@ const handlePrev = () => {
 							<td>
 								<Tooltip position="start" delay="500">
 									<Flex align="center" gap="8">
-										<AddressBadge :hash="blob.signer" />
+										<AddressBadge :account="blob.signer" />
 
-										<CopyButton :text="blob.signer" />
+										<CopyButton :text="blob.signer.hash" />
 									</Flex>
 
 									<template #content>
-										{{ blob.signer }}
+										{{ blob.signer.hash }}
 									</template>
 								</Tooltip>
 							</td>
diff --git a/components/modules/namespace/tables/BlobsTable.vue b/components/modules/namespace/tables/BlobsTable.vue
@@ -83,15 +83,15 @@ const handleViewBlob = (blob) => {
 						</Tooltip>					
 					</td>
 					<td v-else>
-						<Tooltip v-if="blob.signer" position="start" delay="500">
+						<Tooltip v-if="blob.signer.hash" position="start" delay="500">
 							<Flex align="center" gap="8">
-								<AddressBadge :hash="blob.signer" />
+								<AddressBadge :account="blob.signer" />
 
-								<CopyButton :text="blob.signer" />
+								<CopyButton :text="blob.signer.hash" />
 							</Flex>
 
 							<template #content>
-								{{ blob.signer }}
+								{{ blob.signer.hash }}
 							</template>
 						</Tooltip>
 						<Flex v-else align="center">
diff --git a/components/modules/rollup/tables/BlobsTable.vue b/components/modules/rollup/tables/BlobsTable.vue
@@ -53,15 +53,15 @@ const handleViewBlob = (blob) => {
 			<tbody>
 				<tr v-for="blob in blobs" @click.stop="handleViewBlob(blob)">
 					<td>
-						<Tooltip v-if="blob.signer" position="start" delay="500">
+						<Tooltip v-if="blob.signer.hash" position="start" delay="500">
 							<Flex align="center" gap="8">
-								<AddressBadge :hash="blob.signer" />
+								<AddressBadge :account="blob.signer" />
 
-								<CopyButton :text="blob.signer" />
+								<CopyButton :text="blob.signer.hash" />
 							</Flex>
 
 							<template #content>
-								{{ blob.signer }}
+								{{ blob.signer.hash }}
 							</template>
 						</Tooltip>
 						<Flex v-else align="center">
diff --git a/components/modules/stats/ChartCardPreview.vue b/components/modules/stats/ChartCardPreview.vue
@@ -66,7 +66,7 @@ const getSeries = async () => {
 					days: props.period.timeframe === "day" ? props.period.value * 2 : 0,
 					hours: props.period.timeframe === "hour" ? props.period.value * 2 : 0,
 				}).ts / 1_000)
-		})).reverse()
+		})).map(v => { return { time: v.time, value: v.close } }).reverse()
 	} else {
 		data = (await fetchSeries({
 			table: props.series.name,
diff --git a/components/modules/tx/TxOverview.vue b/components/modules/tx/TxOverview.vue
@@ -206,9 +206,9 @@ const handleViewRawTransaction = () => {
 						<Flex align="center" justify="between">
 							<Text size="12" weight="600" color="tertiary"> Signer</Text>
 							<Flex align="center" gap="6">
-								<AddressBadge :hash="tx.signers[0]" color="secondary" />
+								<AddressBadge :account="tx.signers[0]" color="secondary" />
 
-								<CopyButton :text="tx.signers[0]" />
+								<CopyButton :text="tx.signers[0].hash" />
 							</Flex>
 						</Flex>
 						<Flex align="center" justify="between">
diff --git a/components/modules/validator/ValidatorOverview.vue b/components/modules/validator/ValidatorOverview.vue
@@ -31,6 +31,8 @@ const props = defineProps({
 	},
 })
 
+console.log('props.validator', props.validator);
+
 const tabs = ref([
 	{
 		name: "Delegators",
@@ -277,9 +279,9 @@ const handleDelegate = () => {
 							</Tooltip>
 						</Flex>
 						<Flex align="center" gap="6">
-							<Text size="12" weight="600" color="tertiary"> {{ splitAddress(validator.address) }} </Text>
+							<Text size="12" weight="600" color="tertiary"> {{ splitAddress(validator.address.hash) }} </Text>
 
-							<CopyButton :text="validator.address" />
+							<CopyButton :text="validator.address.hash" />
 						</Flex>
 					</Flex>
 
@@ -351,8 +353,8 @@ const handleDelegate = () => {
 						<Flex align="center" justify="between">
 							<Text size="12" weight="600" color="tertiary">Delegator Address</Text>
 							<Flex gap="6">
-								<AddressBadge :hash="validator.delegator" color="tertiary" />
-								<CopyButton :text="validator.delegator" />
+								<AddressBadge :account="validator.delegator" color="tertiary" />
+								<CopyButton :text="validator.delegator.hash" />
 							</Flex>
 						</Flex>
 
diff --git a/components/modules/validator/tables/DelegatorsTable.vue b/components/modules/validator/tables/DelegatorsTable.vue
@@ -32,13 +32,13 @@ const props = defineProps({
 			<tbody>
 				<tr v-for="d in delegators">
 					<td>
-						<NuxtLink :to="`/address/${d.delegator}`">
+						<NuxtLink :to="`/address/${d.delegator.hash}`">
 							<Flex align="center" direction="row" gap="12">
 								<Text size="12" weight="600" color="primary" class="table_column_alias">
-									{{ $getDisplayName('addresses', d.delegator) }}
+									{{ $getDisplayName('addresses', d.delegator.hash) }}
 								</Text>
 
-								<Tooltip v-if="validator.delegator === d.delegator" position="start" delay="500">
+								<Tooltip v-if="validator.delegator.hash === d.delegator.hash" position="start" delay="500">
 									<Icon name="self-delegation" size="14" color="neutral-green" />
 
 									<template #content>
@@ -51,12 +51,12 @@ const props = defineProps({
 						</NuxtLink>
 					</td>
 					<td>
-						<NuxtLink :to="`/address/${d.delegator}`">
+						<NuxtLink :to="`/address/${d.delegator.hash}`">
 							<AmountInCurrency :amount="{ value: d.amount, decimal: 2 }" :styles="{ amount: { size: '13' }, currency: { size: '13' }}" />
 						</NuxtLink>
 					</td>
 					<td>
-						<NuxtLink :to="`/address/${d.delegator}`">
+						<NuxtLink :to="`/address/${d.delegator.hash}`">
 							<Flex align="center" gap="4">
 								<Text size="13" weight="600" :color="parseFloat(d.amount) ? 'primary' : 'tertiary'">
 									{{ shareOfTotalString(d.amount, validator.stake) }}
diff --git a/components/shared/tables/Events.vue b/components/shared/tables/Events.vue
@@ -677,14 +677,14 @@ watch(
 					<!-- Event: cosmos.authz.v1beta1.EventGrant -->
 					<Flex v-else-if="event.type === 'cosmos.authz.v1beta1.EventGrant'" align="center" gap="4" color="secondary" :class="$style.text">
 						<Tooltip :class="$style.tooltip">
-							<NuxtLink :to="`/address/${event.data.granter}`" @click.stop>
+							<NuxtLink :to="`/address/${event.data.granter.hash}`" @click.stop>
 								<Text size="12" weight="500" color="primary" mono>
-									{{ splitAddress(event.data.granter.replace(/"/g,'')) }}
+									{{ splitAddress(event.data.granter.hash.replace(/"/g,'')) }}
 								</Text>
 							</NuxtLink>
 
 							<template #content>
-								{{ event.data.granter.replace(/"/g,'') }}
+								{{ event.data.granter.hash.replace(/"/g,'') }}
 							</template>
 						</Tooltip>
 
@@ -697,28 +697,28 @@ watch(
 						<Text size="12" weight="500" color="secondary">for</Text>
 
 						<Tooltip :class="$style.tooltip">
-							<NuxtLink :to="`/address/${event.data.grantee}`" @click.stop>
+							<NuxtLink :to="`/address/${event.data.grantee.hash}`" @click.stop>
 								<Text size="12" weight="500" color="primary" mono>
-									{{ splitAddress(event.data.grantee.replace(/"/g,'')) }}
+									{{ splitAddress(event.data.grantee.hash.replace(/"/g,'')) }}
 								</Text>
 							</NuxtLink>
 
 							<template #content>
-								{{ event.data.grantee.replace(/"/g,'') }}
+								{{ event.data.grantee.hash.replace(/"/g,'') }}
 							</template>
 						</Tooltip>
 					</Flex>
 					<!-- Event: cosmos.authz.v1beta1.EventRevoke -->
 					<Flex v-else-if="event.type === 'cosmos.authz.v1beta1.EventRevoke'" align="center" gap="4" color="secondary" :class="$style.text">
 						<Tooltip :class="$style.tooltip">
-							<NuxtLink :to="`/address/${event.data.granter}`" @click.stop>
+							<NuxtLink :to="`/address/${event.data.granter.hash}`" @click.stop>
 								<Text size="12" weight="500" color="primary" mono>
 									{{ splitAddress(event.data.granter.replace(/"/g,'')) }}
 								</Text>
 							</NuxtLink>
 
 							<template #content>
-								{{ event.data.granter.replace(/"/g,'') }}
+								{{ event.data.granter.hash.replace(/"/g,'') }}
 							</template>
 						</Tooltip>
 
@@ -731,42 +731,42 @@ watch(
 						<Text size="12" weight="500" color="secondary">from</Text>
 
 						<Tooltip :class="$style.tooltip">
-							<NuxtLink :to="`/address/${event.data.grantee}`" @click.stop>
+							<NuxtLink :to="`/address/${event.data.grantee.hash}`" @click.stop>
 								<Text size="12" weight="500" color="primary" mono>
-									{{ splitAddress(event.data.grantee.replace(/"/g,'')) }}
+									{{ splitAddress(event.data.grantee.hash.replace(/"/g,'')) }}
 								</Text>
 							</NuxtLink>
 
 							<template #content>
-								{{ event.data.grantee.replace(/"/g,'') }}
+								{{ event.data.grantee.hash.replace(/"/g,'') }}
 							</template>
 						</Tooltip>
 					</Flex>
 					<!-- Event: set_feegrant -->
 					<Flex v-else-if="event.type === 'set_feegrant'" align="center" gap="4" color="secondary" :class="$style.text">
 						<Tooltip :class="$style.tooltip">
-							<NuxtLink :to="`/address/${event.data.granter}`" @click.stop>
+							<NuxtLink :to="`/address/${event.data.granter.hash}`" @click.stop>
 								<Text size="12" weight="500" color="primary" mono>
-									{{ splitAddress(event.data.granter) }}
+									{{ splitAddress(event.data.granter.hash) }}
 								</Text>
 							</NuxtLink>
 
 							<template #content>
-								{{ event.data.granter }}
+								{{ event.data.granter.hash }}
 							</template>
 						</Tooltip>
 
 						<Text size="12" weight="500" color="secondary">grants fee allowances to</Text>
 
 						<Tooltip :class="$style.tooltip">
-							<NuxtLink :to="`/address/${event.data.grantee}`" @click.stop>
+							<NuxtLink :to="`/address/${event.data.grantee.hash}`" @click.stop>
 								<Text size="12" weight="500" color="primary" mono>
-									{{ splitAddress(event.data.grantee) }}
+									{{ splitAddress(event.data.grantee.hash) }}
 								</Text>
 							</NuxtLink>
 
 							<template #content>
-								{{ event.data.grantee }}
+								{{ event.data.grantee.hash }}
 							</template>
 						</Tooltip>
 					</Flex>
diff --git a/pages/addresses.vue b/pages/addresses.vue
@@ -243,7 +243,7 @@ const handleLast = async () => {
 									<NuxtLink :to="`/address/${address.hash}`">
 										<Tooltip position="start" delay="500">
 											<Flex align="center" gap="8">
-												<AddressBadge :hash="address.hash" />
+												<AddressBadge :account="address" />
 
 												<CopyButton :text="address.hash" />
 											</Flex>
diff --git a/pages/blob.vue b/pages/blob.vue
@@ -459,11 +459,11 @@ const handleCopy = (text) => {
 								</Text>
 							</Flex>
 
-							<NuxtLink :to="`/address/${metadata.signer}`" target="_blank">
+							<NuxtLink :to="`/address/${metadata.signer.hash}`" target="_blank">
 								<Flex direction="column" gap="8">
 									<Text size="12" weight="600" color="tertiary"> Signer </Text>
 									<Text size="12" weight="600" color="secondary" style="text-overflow: ellipsis; overflow: hidden">
-										{{ metadata.signer }}
+										{{ metadata.signer.hash }}
 									</Text>
 								</Flex>
 							</NuxtLink>
diff --git a/pages/stats/[metric].vue b/pages/stats/[metric].vue
@@ -184,7 +184,7 @@ const fetchData = async (from, to) => {
 					}).ts / 1_000)
 					: filters.from,
 			to: to ? to : filters.to
-		}))
+		})).map(v => { return { time: v.time, value: v.close } })
 	} else if (series.value.aggregate !== 'cumulative') {
 		data = (await fetchSeries({
 			table: series.value.name,
diff --git a/pages/txs.vue b/pages/txs.vue
@@ -704,7 +704,7 @@ const handleNext = () => {
 									<NuxtLink :to="`/tx/${tx.hash}`">
 										<Flex align="center">
 											<Text size="12" weight="600" color="primary" mono class="table_column_alias">
-												{{ $getDisplayName("addresses", tx.signers[0]) }}
+												{{ $getDisplayName("addresses", tx.signers[0].hash) }}
 											</Text>
 										</Flex>
 									</NuxtLink>
diff --git a/plugins/globalFunctions.js b/plugins/globalFunctions.js
@@ -6,7 +6,10 @@ import { useBookmarksStore } from "@/store/bookmarks"
 
 export default defineNuxtPlugin((nuxtApp) => {
 
-	const getDisplayName = (type, id) => {
+	const getDisplayName = (type, id, entity) => {
+		if (entity?.hash) {
+			id = entity.hash
+		}
 		const bookmarksStore = useBookmarksStore()
 		const name = bookmarksStore.getBookmarkAlias(type, id)
 
@@ -16,6 +19,9 @@ export default defineNuxtPlugin((nuxtApp) => {
 	
 		switch (type) {
 			case 'addresses':
+				if (entity?.celestials?.name) {
+					return entity.celestials.name
+				}
 				return splitAddress(id)
 			case 'blocks':
 				return comma(id)
