scan: show commission max rate and change on validator index page

CHANGELOG_UNRELEASED.md

@@ -25,6 +25,7 @@
 ### Scan
 
 - (impv) [\#2008](https://github.com/bandprotocol/bandchain/pull/2008) Add target validator's address on redelegate
+- (impv) [\#2005](https://github.com/bandprotocol/bandchain/pull/2005) Show max commission rate and max commission change on validator index page
 - (bugs) [\#1996](https://github.com/bandprotocol/bandchain/pull/1996) Fix id bug on `RequestSub.re`
 - (chore) [\#1987](https://github.com/bandprotocol/bandchain/pull/1987) Remove `request_tab_t` in `Route.re`
 - (impv) [\#1986](https://github.com/bandprotocol/bandchain/pull/1986) Add autofocus input on submittx modal

scan/src/pages/ValidatorIndexPage.re

@@ -200,6 +200,27 @@ let make = (~address, ~hashtag: Route.validator_tab_t) =>
            VCode(validator.commission->Format.fPercent),
          )}
         <VSpacing size=Spacing.lg />
+        {kvRow(
+           "COMMISSION MAX CHANGE",
+           {
+             "Maximum increment by which the validator can change their commission rate at a time"
+             |> React.string;
+           },
+           {
+             VCode(validator.commissionMaxChange->Format.fPercent);
+           },
+         )}
+        <VSpacing size=Spacing.lg />
+        {kvRow(
+           "COMMISSION MAX RATE",
+           {
+             "The highest possible commission rate the validator can set" |> React.string;
+           },
+           {
+             VCode(validator.commissionMaxRate->Format.fPercent);
+           },
+         )}
+        <VSpacing size=Spacing.lg />
         {kvRow(
            "BONDED HEIGHT",
            {

scan/src/subscriptions/ValidatorSub.re

@@ -15,6 +15,8 @@ type internal_t = {
   website: string,
   tokens: Coin.t,
   commissionRate: float,
+  commissionMaxChange: float,
+  commissionMaxRate: float,
   consensusPubKey: PubKey.t,
   bondedHeight: int,
   jailed: bool,
@@ -35,6 +37,8 @@ type t = {
   details: string,
   tokens: Coin.t,
   commission: float,
+  commissionMaxChange: float,
+  commissionMaxRate: float,
   bondedHeight: int,
   completedRequestCount: int,
   missedRequestCount: int,
@@ -52,6 +56,8 @@ let toExternal =
         tokens,
         commissionRate,
         consensusPubKey,
+        commissionMaxChange,
+        commissionMaxRate,
         bondedHeight,
         jailed,
         details,
@@ -70,6 +76,8 @@ let toExternal =
   details,
   tokens,
   commission: commissionRate *. 100.,
+  commissionMaxChange: commissionMaxChange *. 100.,
+  commissionMaxRate: commissionMaxRate *. 100.,
   bondedHeight,
   // TODO: remove hardcoded when somewhere use it
   avgResponseTime: 2,
@@ -95,6 +103,8 @@ module SingleConfig = [%graphql
           website
           tokens @bsDecoder(fn: "GraphQLParser.coin")
           commissionRate: commission_rate @bsDecoder(fn: "float_of_string")
+          commissionMaxChange: commission_max_change @bsDecoder(fn: "float_of_string")
+          commissionMaxRate: commission_max_rate @bsDecoder(fn: "float_of_string")
           consensusPubKey: consensus_pubkey @bsDecoder(fn: "PubKey.fromBech32")
           bondedHeight: bonded_height @bsDecoder(fn: "GraphQLParser.int64")
           jailed
@@ -115,6 +125,8 @@ module MultiConfig = [%graphql
           website
           tokens @bsDecoder(fn: "GraphQLParser.coin")
           commissionRate: commission_rate @bsDecoder(fn: "float_of_string")
+          commissionMaxChange: commission_max_change @bsDecoder(fn: "float_of_string")
+          commissionMaxRate: commission_max_rate @bsDecoder(fn: "float_of_string")
           consensusPubKey: consensus_pubkey @bsDecoder(fn: "PubKey.fromBech32")
           bondedHeight: bonded_height @bsDecoder(fn: "GraphQLParser.int64")
           jailed