From 4c3b2cdc77f1178938fd02e6e1441c13f7c317e3 Mon Sep 17 00:00:00 2001
From: Salman Wahib <sxlmnwb.dev@gmail.com>
Date: Tue, 25 Apr 2023 02:14:19 +0000
Subject: [PATCH] update: add router link accounts to validator and height

Signed-off-by: Salman Wahib <sxlmnwb@sxlzptprjkt.xyz>
---
 src/modules/[chain]/account/[address].vue   | 4 ++--
 src/modules/[chain]/block/index.vue         | 2 +-
 src/modules/[chain]/staking/[validator].vue | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index b701c1eb..cf4e0929 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -217,7 +217,7 @@ loadAccount(props.address)
                     </thead>
                     <tbody>
                         <tr v-for="v in delegations">
-                            <td>{{ format.validatorFromBech32(v.delegation.validator_address) }} </td>
+                            <td class="text-caption text-primary"><RouterLink :to="`/${chain}/staking/${v.delegation.validator_address}`">{{ format.validatorFromBech32(v.delegation.validator_address) }}</RouterLink></td>
                             <td>{{ format.formatToken(v.balance, true, "0,0.[00]") }} </td>
                             <td>{{ format.formatTokens(rewards?.rewards?.find(x => x.validator_address ===v.delegation.validator_address)?.reward) }} </td>
                             <td>
@@ -238,7 +238,7 @@ loadAccount(props.address)
                     <tbody>
                         <div v-for="v in unbonding">
                         <tr>
-                            <td>{{ format.validatorFromBech32(v.validator_address) }} </td>
+                            <td class="text-caption text-primary"><RouterLink :to="`/${chain}/staking/${v.validator_address}`">{{ format.validatorFromBech32(v.validator_address) }}</RouterLink></td>
                         </tr>
                         <tr v-for="entry in v.entries">
                             <td>{{ entry.creation_height }}</td>
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index 45a823b4..29a43005 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -24,7 +24,7 @@ const format = useFormatter()
                 <VTable>
                     <thead>
                         <tr>
-                            <th>Height</th><th>Hash</th><th>Proposor</th><th>Txs</th><th>Time</th>
+                            <th>Height</th><th>Hash</th><th>Proposer</th><th>Txs</th><th>Time</th>
                         </tr>
                     </thead>
                     <tbody>
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index 36fe0698..8f628f29 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -254,7 +254,7 @@ onMounted(()=> {
             </thead>
             <tbody>
                 <tr v-for="(item, i) in txs.tx_responses">
-                    <td>{{ item.height }}</td>
+                    <td class="text-sm text-primary"><RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink></td>
                     <td class="text-truncate" style="max-width: 200px;">{{ item.txhash }}</td>
                     <td>{{ format.messages(item.tx.body.messages) }}</td>
                     <td width="150">{{ format.toDay(item.timestamp,'from') }}</td>