From 39594bc795ed26c629107976a83b0571b07c21ad Mon Sep 17 00:00:00 2001
From: robcxyz <rob@sudoblock.io>
Date: Sun, 21 Jan 2024 19:57:23 -0800
Subject: [PATCH 1/2] fix: conditional around showing the unjail button

---
 .../AddressDetailPage/AddressInfo.js             | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/components/AddressesPage/AddressDetailPage/AddressInfo.js b/src/components/AddressesPage/AddressDetailPage/AddressInfo.js
index acb2d8ce..b1e7bc2f 100644
--- a/src/components/AddressesPage/AddressDetailPage/AddressInfo.js
+++ b/src/components/AddressesPage/AddressDetailPage/AddressInfo.js
@@ -39,8 +39,6 @@ const { nid } = config;
 const { requestUnjail } = chainMethods;
 const _isNotificationAvailable = NotificationManager.available()
 
-const TEST_VARIABLE = true;
-
 function AddressInfo(props) {
     const [icxMore, setIcxMore] = useState(false)
     const [tokenMore, setTokenMore] = useState(false)
@@ -230,13 +228,9 @@ function AddressInfo(props) {
 
     async function getRev() {
         const rev = await getRevision();
-        // if chain revision is higher than rev 25 then 
+        // if chain revision is higher than rev 25 then
         // unjail functionality is available
-        if(TEST_VARIABLE === true) {
-            setChainCanJail(true);
-        } else {
-            setChainCanJail(parseInt(rev, 16) >= 25);
-        }
+        setChainCanJail(parseInt(rev, 16) >= 25);
     }
 
     async function executeUnjail() {
@@ -431,10 +425,10 @@ function AddressInfo(props) {
                                                         <i></i>
                                                         {node_state}
                                                     </span>
-                                                    {(chainCanJail && is_prep && isConnected) || TEST_VARIABLE ? (
+                                                    {(chainCanJail && is_prep && isConnected) ? (
                                                         <span>
                                                             <button
-                                                                disabled={TEST_VARIABLE === true ? false : !is_prep || !isConnected}
+                                                                disabled={!is_prep || !isConnected}
                                                                 onClick={executeUnjail}
                                                                 className={compStyles.button}
                                                             >
@@ -450,7 +444,7 @@ function AddressInfo(props) {
                                                 <td>Total Votes</td>
                                                 <td colSpan="3">
                                                     <span>
-                                                        {convertNumberToText(delegated)}
+                                                        {convertNumberToText(Math.round(delegated))}
 
                                                         <em>
                                                             ( {(totalVotes * 100).toPrecision(3)}% )

From b911316ded841fe0b738ee858c1cd56b5a65faf9 Mon Sep 17 00:00:00 2001
From: robcxyz <rob@sudoblock.io>
Date: Sun, 21 Jan 2024 22:18:42 -0800
Subject: [PATCH 2/2] feat: add jail badges to governance table

---
 src/components/GovernancePage/index.js | 32 +++++++++++++++++++++----
 src/style/css/common.css               | 33 ++++++++++++++++++++++++++
 2 files changed, 60 insertions(+), 5 deletions(-)

diff --git a/src/components/GovernancePage/index.js b/src/components/GovernancePage/index.js
index 1e9e2b0f..329ba474 100644
--- a/src/components/GovernancePage/index.js
+++ b/src/components/GovernancePage/index.js
@@ -361,7 +361,7 @@ class TableRow extends Component {
     loadImage = () => {
         this.setState({loaded: true})
     }
-    getBadge = (grade, node_state ) => {
+    getMainBadge = (grade, node_state ) => {
         const className = node_state === 'Synced' ? 'prep-tag' : node_state === 'Inactive'? 'prep-tag off' : 'prep-tag block-synced'
         switch(grade) {
             case 0:
@@ -377,6 +377,22 @@ class TableRow extends Component {
                 return null
         }
     }
+    // We only care on the table view if a prep is un-jailing or jailed.
+    getJailBadge = (jail_flag) => {
+        let badgeText = '';
+        let badgeClass = '';
+        if (jail_flag === 0) {
+            return false;
+        }
+        if ([2, 3, 6, 10].includes(jail_flag)) {
+            badgeText = 'Unjailing';
+            badgeClass = 'unjailing';
+        } else {
+            badgeText = 'Jail';
+            badgeClass = 'jail';
+        }
+        return <div><span className={`jail-badge ${badgeClass}`}>{badgeText}</span></div>;
+    }
     goAddress = address => {
         this.props.history.push('/address/' + address)
     }
@@ -415,6 +431,7 @@ class TableRow extends Component {
             irep,
             irepUpdatedBlockHeight,
             node_state,
+            jail_flags,
             logo,
             status,
             reward_monthly, reward_monthly_usd,
@@ -430,15 +447,20 @@ class TableRow extends Component {
         const productivity = !total_blocks || Number(total_blocks) === 0 ? 'None' : (Number(validated_blocks) === 0 ? '0.00%' : `${(Number(validated_blocks) / Number(total_blocks) * 100).toFixed(2)}%`)
         const prepVoted = IconConverter.toNumber(delegated || 0)
         const votedRate = !totalVoted ? 0 : prepVoted / totalVoted
-        const badge = this.getBadge(grade, prep.node_state)
+        const mainBadge = this.getMainBadge(grade, prep.node_state)
+
+        const jailBadge = this.getJailBadge(parseInt(prep.jail_flags, 16))
         const rank = index + 1
         return(
           <tr>
               <td className="rank"><span>{rank || '-'}</span></td>
               <td className={(Number(grade) > 2 || grade === '0x3') ? 'black' : 'on'}>
-                  <ul>
-                      <li>{badge}</li>
-                      <li>{logo_256 ? <img src={logo_256 ?  logo_256 :  logo_svg} onError={this.onError} onLoad={this.loadImage} style={this.state.loaded ? {} : {display: "none"}} alt='logo'/>:""}</li>
+                  <ul className="prep-info-list">
+                      <li>
+                          {mainBadge}
+                          {jailBadge}
+                      </li>
+                      <li>{logo_256 && <img src={logo_256} onError={this.onError} onLoad={this.loadImage} style={this.state.loaded ? {} : {display: "none"}} alt='logo'/>}</li>
                       <li>
                           <span className="ellipsis pointer" onClick={()=>{this.goAddress(address)}}>{name}</span>
                           <em className="ellipsis pointer" onClick={()=>{this.goAddress(address)}}>{address}</em>
diff --git a/src/style/css/common.css b/src/style/css/common.css
index 7848a825..f294a176 100644
--- a/src/style/css/common.css
+++ b/src/style/css/common.css
@@ -3391,6 +3391,39 @@ table.table-typeP th .itag i{width:14px; height: 14px; background-position: -150
   background: #fff;
   border: 1px solid #ececec;
 }
+
+.jail-badge {
+  display: inline-block;
+  color: #1aaaba;
+  padding: 4px 10px 4px 6px;
+  border-radius: 4px;
+  font-size: 9px;
+  border: 1px solid #d8edf0;
+  vertical-align: middle;
+  margin-top: 10px;
+  height: 18px;
+}
+
+.jail-badge:before {
+  content: '';
+  width: 6px;
+  height: 6px;
+  background: #1aaaba;
+  border-radius: 50%;
+  display: inline-block;
+  margin-right: 6px;
+}
+
+.jail-badge.jail {
+  background: #ececec;
+  color: #1aaaba;
+}
+.jail-badge.unjailing {
+  background-color: white;
+  color: #1aaaba;
+  padding: 2px;
+  border-radius: 4px;
+}
 .table-typeP .ellipsis {
   width: 380px;
 }