fix: some ui

AstraProtocol · Nov 28, 2022 · 418eabe · 418eabe
1 parent 6050506
commit 418eabe
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/components/Card/CardInfo/Components/Transfers.tsx b/components/Card/CardInfo/Components/Transfers.tsx
@@ -57,14 +57,14 @@ const Transfers = ({ content }: { content: Content }) => {
 							TokenID [{data.tokenId}]
 						</Typography.LinkText>
 						<Typography.LinkText href={LinkMaker.token(data.tokenAddress)}>
-							{data.tokenName}
+							{data.tokenSymbol}
 						</Typography.LinkText>
 					</>
 				) : (
 					<>
 						<span className="padding-right-xs">{content?.transfer.value}</span>
 						<Typography.LinkText href={LinkMaker.token(data.tokenAddress)}>
-							{data.tokenName}
+							{data.tokenSymbol}
 						</Typography.LinkText>
 					</>
 				)}

diff --git a/components/Search/SearchModal.tsx b/components/Search/SearchModal.tsx
@@ -55,7 +55,9 @@ export default function SearchModal({ open, closeModal }: SearchModalProps) {
 	}
 	const response = useSWR(_fetch())
 	const data: SearchItemResponse = response.data
-
+	useEffect(() => {
+		_setSearchStatus(SearchStatusEnum.DONE)
+	}, [router.asPath])
 	useEffect(() => {
 		if (_search && data !== undefined) {
 			_setSearchStatus(SearchStatusEnum.DONE)

diff --git a/utils/evm.ts b/utils/evm.ts
@@ -34,7 +34,7 @@ export const evmConvertTokenTransferToTransactionRow = (
 			blockNumber: blockHeight,
 			updatedAt: blockTime,
 			value: isNft ? '1' : formatUnits(item.amount || '0', item.decimals),
-			valueCurrency: item.tokenSymbol,
+			valueCurrency: item.tokenSymbol?.toUpperCase(),
 			hash: hash,
 			status,
 			from: item.fromAddress,

diff --git a/views/accounts/tabs/AddressTransactionTab/AddressTransaction.tsx b/views/accounts/tabs/AddressTransactionTab/AddressTransaction.tsx
@@ -29,7 +29,7 @@ const AddressTransaction = ({ transaction }: Props) => {
 			gradient={'transparent'}
 		>
 			<div className={clsx(styles.rowBrief, styles.TransactionRow, 'row')}>
-				<div className={clsx('col-4')}>
+				<div className={clsx('col-5')}>
 					<Row>
 						{isEvm ? (
 							<Image alt={'eth'} src={`/images/icons/eth.svg`} width={24} height={24} />
@@ -116,7 +116,7 @@ const AddressTransaction = ({ transaction }: Props) => {
 					</div>
 				</div>
 
-				<div className={clsx('col-2 padding-left-md gutter-left col')} style={{ textTransform: 'capitalize' }}>
+				<div className={clsx('col-1 padding-left-md gutter-left col')} style={{ textTransform: 'capitalize' }}>
 					{transaction.success ? (
 						<Typography.SuccessText>Success</Typography.SuccessText>
 					) : (