Skip to content

Commit

Permalink
display court apr
Browse files Browse the repository at this point in the history
  • Loading branch information
Robiquet committed Jan 18, 2024
1 parent f4ee5da commit 0d5dfa1
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 6 deletions.
1 change: 1 addition & 0 deletions lib/hooks/queries/court/useCourtParticipants.ts
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ export const useCourtParticipants = () => {
delegations: delegations,
};
});
console.log(jurors);

return jurors;
},
Expand Down
17 changes: 11 additions & 6 deletions pages/court/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -334,19 +334,24 @@ const Stats = () => {
"linear-gradient(131.15deg, rgba(5, 5, 5, 0.11) 11.02%, rgba(5, 5, 5, 0.022) 93.27%)",
}}
>
<label className="font text-sm text-gray-500">Yearly Inflation</label>
<label className="font text-sm text-gray-500">APR</label>
<div className="flex items-center gap-2">
<div className="text-md font-mono font-semibold">
{yearlyInflation?.toString()}%
{formatNumberLocalized(
yearlyInflationAmount
?.div(totalStake.all)
.mul(100)
.toNumber() ?? 0,
)}
%
</div>
<InfoPopover
className="text-slate-500"
overlay={false}
position="top"
>
Yearly Inflation is the yearly percentage of the total ZTG
issuance minted through inflation by the court system to its
participants (jurors and delegators).
The currently yearly percentage returns that jurors and delegators
will receive on their staked ZTG
</InfoPopover>
</div>
</div>
Expand All @@ -360,7 +365,7 @@ const Stats = () => {
"linear-gradient(131.15deg, rgba(50, 255, 157, 0.4) 11.02%, rgba(240, 206, 135, 0.048) 93.27%)",
}}
>
<label className="font text-sm text-gray-500">Amount</label>
<label className="font text-sm text-gray-500">Yearly Payout</label>

<div className="flex items-center gap-2">
<div className="text-md font-mono font-semibold">
Expand Down

0 comments on commit 0d5dfa1

Please sign in to comment.