fix: display nfttoken amount in address detail

AstraProtocol · Jun 13, 2023 · d76cb5f · d76cb5f
1 parent 80af6b2
commit d76cb5f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/views/accounts/tabs/AddressTokenTab/AddressTokenRow.tsx b/views/accounts/tabs/AddressTokenTab/AddressTokenRow.tsx
@@ -1,14 +1,15 @@
 import clsx from 'clsx'
 import Row from 'components/Grid/Row'
 import { LinkText } from 'components/Typography/LinkText'
-import { convertBalanceToView, ellipseBetweenText, LinkMaker } from 'utils/helper'
+import { convertBalanceToView, ellipseBetweenText, isERC721, LinkMaker } from 'utils/helper'
 import styles from './style.module.scss'
 
 interface Props {
 	data: AddressToken
 }
 
 const AddressTokenRow = ({ data }: Props) => {
+	const isNFT = isERC721(data.type)
 	return (
 		<Row
 			classes={clsx(
@@ -21,10 +22,10 @@ const AddressTokenRow = ({ data }: Props) => {
 			<div className={clsx('col-1 margin-right-xs', styles.colType)}>
 				<span>{data.type}</span>
 			</div>
-			<div className={clsx('col-3 margin-right-xs', styles.colAmount)}>
-				<span>{convertBalanceToView(data.balance)}</span>
+			<div className={clsx('col-2 margin-right-xs', styles.colAmount)}>
+				<span>{isNFT ? data.balance : convertBalanceToView(data.balance)}</span>
 			</div>
-			<div className={clsx('col-1 margin-right-xs', styles.colSymbol)}>
+			<div className={clsx('col-2 margin-right-xs', styles.colSymbol)}>
 				<span>{data.symbol}</span>
 			</div>
 			<div className={clsx('col-1', styles.colPrice)}>

diff --git a/views/accounts/tabs/AddressTokenTab/index.tsx b/views/accounts/tabs/AddressTokenTab/index.tsx
@@ -84,8 +84,8 @@ const AddressTokenTab = ({ address, addressData }: Props) => {
 				>
 					<div className={clsx('col-2 margin-right-xs', styles.colSymbol)}>Assets</div>
 					<div className={clsx('col-1 margin-right-xs', styles.colType)}>Type</div>
-					<div className={clsx('col-3 margin-right-xs', styles.colAmount)}>Amount</div>
-					<div className={clsx('col-1 margin-right-xs', styles.colSymbol)}>Symbol</div>
+					<div className={clsx('col-2 margin-right-xs', styles.colAmount)}>Amount</div>
+					<div className={clsx('col-2 margin-right-xs', styles.colSymbol)}>Symbol</div>
 					<div className={clsx('col-1', styles.colPrice)}>Price</div>
 					<div className={clsx('col-1', styles.colValue)}>Value</div>
 					<div className={clsx('col-3', styles.colAddress)}>Contract Address</div>