From 1fce435f95a1c056c4e9d7e09a8a40749855a352 Mon Sep 17 00:00:00 2001
From: vorujack <vorujack@gmail.com>
Date: Sat, 20 Apr 2024 10:55:40 +0330
Subject: [PATCH] fix type problem

---
 src/action/sync.ts                              |  1 -
 src/pages/wallet-page/asset/AssetItem.tsx       |  7 +++----
 src/pages/wallet-page/asset/AssetItemDetail.tsx | 14 ++++++--------
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/action/sync.ts b/src/action/sync.ts
index f52eb66..fd5b98a 100644
--- a/src/action/sync.ts
+++ b/src/action/sync.ts
@@ -101,7 +101,6 @@ const syncInfo = async (network: AbstractNetwork, address: Address) => {
   }
 };
 
-
 const syncAssets = async (
   network: AbstractNetwork,
   networkType: string,
diff --git a/src/pages/wallet-page/asset/AssetItem.tsx b/src/pages/wallet-page/asset/AssetItem.tsx
index 37d9cab..1093a07 100644
--- a/src/pages/wallet-page/asset/AssetItem.tsx
+++ b/src/pages/wallet-page/asset/AssetItem.tsx
@@ -27,12 +27,11 @@ const AssetItem = (props: PropsType) => {
         <Box sx={{ float: 'left', mr: 2 }}>
           {details.logo ? (
             <Avatar alt={details.name}>
-              <details.logo/>
+              <details.logo />
             </Avatar>
           ) : (
-            <Avatar alt={details.name} src='/' />
+            <Avatar alt={details.name} src="/" />
           )}
-          
         </Box>
         <Box display="flex">
           <Typography sx={{ flexGrow: 1 }}>{details.name}</Typography>
@@ -53,8 +52,8 @@ const AssetItem = (props: PropsType) => {
       >
         <AssetItemDetail
           id={props.id}
+          logo={details.logo}
           name={details.name}
-          logoSrc={details.logoSrc}
           balance={
             <TokenAmountDisplay
               amount={props.amount}
diff --git a/src/pages/wallet-page/asset/AssetItemDetail.tsx b/src/pages/wallet-page/asset/AssetItemDetail.tsx
index e19f54e..d088600 100644
--- a/src/pages/wallet-page/asset/AssetItemDetail.tsx
+++ b/src/pages/wallet-page/asset/AssetItemDetail.tsx
@@ -8,7 +8,7 @@ interface AssetItemDetailPropsType {
   name?: string;
   id: string;
   description?: string;
-  logoSrc?: string;
+  logo?: React.ElementType;
   balance: React.ReactNode | string;
   emissionAmount: React.ReactNode | string;
   txId: string;
@@ -20,13 +20,11 @@ const AssetItemDetail = (props: AssetItemDetailPropsType) => {
     <React.Fragment>
       <Box display="flex" alignItems="start">
         <Box>
-          {props.logoSrc && (
-            <Avatar
-              alt={props.name}
-              src={props.logoSrc}
-              sx={{ mt: 2, width: 64, height: 64 }}
-            />
-          )}
+          {props.logo ? (
+            <Avatar sx={{ mt: 2, width: 64, height: 64 }} alt={props.name}>
+              <props.logo />
+            </Avatar>
+          ) : undefined}
           <Typography variant="h2" sx={{ mt: 2 }}>
             {props.name}
           </Typography>