From e0af9766c50a0624e10b600fe6d7000ea802dc4e Mon Sep 17 00:00:00 2001
From: tjs <tjshipe@gmail.com>
Date: Fri, 9 Dec 2022 18:08:15 -0500
Subject: [PATCH] fix LogoWithFallback

---
 components/shared/LogoWithFallback.tsx | 2 +-
 components/trade/MarketLogos.tsx       | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/shared/LogoWithFallback.tsx b/components/shared/LogoWithFallback.tsx
index 83e88c5f..b0347fcf 100644
--- a/components/shared/LogoWithFallback.tsx
+++ b/components/shared/LogoWithFallback.tsx
@@ -24,7 +24,7 @@ const LogoWithFallback = ({
         <Image
           alt={alt}
           onError={(e) => {
-            console.error('error', e)
+            console.warn('error', e)
             setError(true)
           }}
           src={src}
diff --git a/components/trade/MarketLogos.tsx b/components/trade/MarketLogos.tsx
index 0e0362b1..b891d0b3 100644
--- a/components/trade/MarketLogos.tsx
+++ b/components/trade/MarketLogos.tsx
@@ -63,8 +63,12 @@ const MarketLogos = ({
           className="z-10 drop-shadow-md"
           width={small ? '16' : '20'}
           height={small ? '16' : '20'}
-          src={logos.baseLogoURI}
-          fallback={<div></div>}
+          src={logos.baseLogoURI || `/icons/${logos?.name?.toLowerCase()}.svg`}
+          fallback={
+            <QuestionMarkCircleIcon
+              className={`${small ? 'h-4 w-4' : 'h-5 w-5'} text-th-fgd-3`}
+            />
+          }
         />
       </div>
       <div className="absolute right-0 top-0">