From 4a0a5b921e5c18ca148f285047ae7d3a2f862483 Mon Sep 17 00:00:00 2001
From: Prashant <prashant.suyal@clixlogix.net>
Date: Tue, 12 Jul 2022 18:19:05 +0530
Subject: [PATCH] fix #38: Added the missing data from the api in token holders

---
 .../CommonComponent/TxBottom/TxBottomComponent.js         | 6 +++---
 src/components/CommonPage/TxPage/TxTableBody.js           | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/CommonComponent/TxBottom/TxBottomComponent.js b/src/components/CommonComponent/TxBottom/TxBottomComponent.js
index 68b5c2b9..e5f1acf4 100644
--- a/src/components/CommonComponent/TxBottom/TxBottomComponent.js
+++ b/src/components/CommonComponent/TxBottom/TxBottomComponent.js
@@ -48,10 +48,10 @@ class TxBottomComponent extends Component {
                                     <TxTableHead txType={txType} />
                                 </thead>
                                 <tbody>
-                                    {(data || []).map((item, index) => (
-                                        
+                                    {(data || []).map((item, index) => {
+                                        return(
                                         <TxTableBody key={index} totalSupply={tokenTotal} rank={index +1} data={item} txType={txType} address={address} tokenTotal={tokenTotal} />
-                                    ))}
+                                    )})}
                                 </tbody>
                             </table>
                         </div>
diff --git a/src/components/CommonPage/TxPage/TxTableBody.js b/src/components/CommonPage/TxPage/TxTableBody.js
index 3c239c21..2904fa44 100644
--- a/src/components/CommonPage/TxPage/TxTableBody.js
+++ b/src/components/CommonPage/TxPage/TxTableBody.js
@@ -306,13 +306,13 @@ class TxTableBody extends Component {
 						</tr>
 					)
 				case TX_TYPE.TOKEN_HOLDERS:
-
+						
 					return (
 						<tr>
 							<td>{this.props.rank}</td>
-							<AddressCell targetAddr={data.holder_address} txType={data.txType} spanNoEllipsis />
-							<AmountCell amount={convertHexToValue(data.value).toFixed()} symbol={data.symbol} />
-							<td><span>{Number(convertHexToValue(data.value).toFixed() / this.props.totalSupply).toFixed(3) * 100}</span><em>%</em></td>
+							<AddressCell targetAddr={data.address} txType={data.txType} spanNoEllipsis />
+							<AmountCell amount={data.balance.toFixed()} symbol={data.symbol} />
+							<td><span>{data.balance && this.props.totalSupply ? Number(data.balance.toFixed() / this.props.totalSupply.toFixed(3) * 100).toFixed(2) :"-"}</span><em>%</em></td>
 						</tr>
 					)
 					case TX_TYPE.ADDRESS_BONDERS: