zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

feat: staking rewards

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-12 13:48:23 +08:00
parent ae2a16a42b
commit 78543b0fe1
2 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/modules/[chain]/staking/[validator].vue
View File

@ -147,7 +147,9 @@ onMounted(() => {
<div class="w-24 rounded-lg"> <div class="w-24 rounded-lg">
<img <img
v-if="avatars[identity] !== 'undefined'" v-if="avatars[identity] !== 'undefined'"
v-lazy="`https://s3.amazonaws.com/keybase_processed_uploads/${avatars[identity]}`" v-lazy="
`https://s3.amazonaws.com/keybase_processed_uploads/${avatars[identity]}`
"
class="object-contain" class="object-contain"
/> />
<Icon <Icon
@ -295,45 +297,45 @@ onMounted(() => {
<div class="text-sm px-4">{{ v.description?.details }}</div> <div class="text-sm px-4">{{ v.description?.details }}</div>
</div> </div>
<VRow class="mt-3"> <div class="mt-3 grid grid-cols-1 md:grid-cols-3 gap-4">
<VCol md="4" sm="12" class="h-100"> <div class="h-100">
<ValidatorCommissionRate <ValidatorCommissionRate
:commission="v.commission" :commission="v.commission"
></ValidatorCommissionRate> ></ValidatorCommissionRate>
</VCol> </div>
<VCol md="4" sm="12"> <div>
<VCard class="h-100"> <div class="h-100 bg-base-100 rounded shadow">
<VCardTitle>Commissions & Rewards</VCardTitle> <div class="text-lg font-semibold text-main px-4 pt-4">
<VCardItem class="pt-0 pb-0"> Commissions & Rewards
</div>
<div class="px-4 mt-1">
<div class="overflow-auto" style="max-height: 280px"> <div class="overflow-auto" style="max-height: 280px">
<VCardSubtitle> Commissions </VCardSubtitle> <div class="text-sm mb-2">Commissions</div>
<VDivider class="mb-2"></VDivider> <div
<VChip
v-for="(i, k) in commission" v-for="(i, k) in commission"
:key="`reward-${k}`" :key="`reward-${k}`"
color="info" color="info"
label label
variant="outlined" variant="outlined"
class="mr-1 mb-1" class="mr-1 mb-1 badge text-xs"
> >
{{ format.formatToken2(i) }} {{ format.formatToken2(i) }}
</VChip> </div>
<VCardSubtitle class="mt-2">Outstanding Rewards</VCardSubtitle> <div class="text-sm mb-2 mt-2">Outstanding Rewards</div>
<VDivider class="mb-2"></VDivider> <div
<VChip
v-for="(i, k) in rewards" v-for="(i, k) in rewards"
:key="`reward-${k}`" :key="`reward-${k}`"
color="success" color="success"
label label
variant="outlined" variant="outlined"
class="mr-1 mb-1" class="mr-1 mb-1 badge"
> >
{{ format.formatToken2(i) }} {{ format.formatToken2(i) }}
</VChip> </div>
</div> </div>
<label <label
for="withdraw_commission" for="withdraw_commission"
class="btn btn-primary mt-2 w-full btn-sm" class="btn btn-primary mt-4 w-full btn-sm"
@click=" @click="
dialog.open('withdraw_commission', { dialog.open('withdraw_commission', {
validator_address: v.operator_address, validator_address: v.operator_address,
@ -341,10 +343,10 @@ onMounted(() => {
" "
>Withdraw</label >Withdraw</label
> >
</VCardItem> </div>
</VCard> </div>
</VCol> </div>
<VCol md="4" sm="12"> <div md="4" sm="12">
<VCard title="Addresses" class="h-100"> <VCard title="Addresses" class="h-100">
<VList class="pt-0"> <VList class="pt-0">
<VListItem> <VListItem>
@ -375,8 +377,8 @@ onMounted(() => {
</VListItem> </VListItem>
</VList> </VList>
</VCard> </VCard>
</VCol> </div>
</VRow> </div>
<VCard title="Transactions" class="mt-5"> <VCard title="Transactions" class="mt-5">
<VCardItem class="pt-0"> <VCardItem class="pt-0">
<VTable> <VTable>

2
src/modules/[chain]/staking/index.vue
View File

@ -209,7 +209,7 @@ const rank = function (position: number) {
<tr <tr
v-for="(v, i) in list" v-for="(v, i) in list"
:key="v.operator_address" :key="v.operator_address"
class="hover:bg-gray-100 dark:bg-[#384059]" class="hover:bg-gray-100 dark:hover:bg-[#384059]"
> >
<!-- 👉 rank --> <!-- 👉 rank -->
<td> <td>