From 9a1acdc6a6fc35c913cfd7cead4e70ead81b6c59 Mon Sep 17 00:00:00 2001
From: jaredvu <jaredvu@gmail.com>
Date: Tue, 19 Dec 2023 10:31:32 -0800
Subject: [PATCH] Handle symbol not yet added

---
 public/currencies/unavailable.png                | Bin 0 -> 1760 bytes
 src/components/AssetIcon.tsx                     |   9 +++++++--
 .../dialogs/DetailsDialog/FillDetailsDialog.tsx  |   2 +-
 .../dialogs/DetailsDialog/OrderDetailsDialog.tsx |   2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 public/currencies/unavailable.png

diff --git a/public/currencies/unavailable.png b/public/currencies/unavailable.png
new file mode 100644
index 0000000000000000000000000000000000000000..922585a3b55fb367a52833557aa2a5c18a2dba9b
GIT binary patch
literal 1760
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
C$sySQ

literal 0
HcmV?d00001

diff --git a/src/components/AssetIcon.tsx b/src/components/AssetIcon.tsx
index 1d5f6ef..1ea994b 100644
--- a/src/components/AssetIcon.tsx
+++ b/src/components/AssetIcon.tsx
@@ -72,8 +72,13 @@ export const AssetIcon = ({
 }: {
   symbol?: Nullable<string>;
   className?: string;
-}) =>
-  isAssetSymbol(symbol) ? <Styled.Img src={assetIcons[symbol]} className={className} /> : null;
+}) => (
+  <Styled.Img
+    src={isAssetSymbol(symbol) ? assetIcons[symbol] : '/currencies/unavailable.png'}
+    className={className}
+    alt={symbol}
+  />
+);
 
 const Styled: Record<string, AnyStyledComponent> = {};
 
diff --git a/src/views/dialogs/DetailsDialog/FillDetailsDialog.tsx b/src/views/dialogs/DetailsDialog/FillDetailsDialog.tsx
index ffdbe72..0ba26c9 100644
--- a/src/views/dialogs/DetailsDialog/FillDetailsDialog.tsx
+++ b/src/views/dialogs/DetailsDialog/FillDetailsDialog.tsx
@@ -94,7 +94,7 @@ export const FillDetailsDialog = ({ fillId, setIsOpen }: ElementProps) => {
 
   return (
     <DetailsDialog
-      slotIcon={<Styled.AssetIcon symbol={asset.id} />}
+      slotIcon={<Styled.AssetIcon symbol={asset?.id} />}
       title={resources.typeStringKey && stringGetter({ key: resources.typeStringKey })}
       items={detailItems}
       setIsOpen={setIsOpen}
diff --git a/src/views/dialogs/DetailsDialog/OrderDetailsDialog.tsx b/src/views/dialogs/DetailsDialog/OrderDetailsDialog.tsx
index e0c0737..904d15d 100644
--- a/src/views/dialogs/DetailsDialog/OrderDetailsDialog.tsx
+++ b/src/views/dialogs/DetailsDialog/OrderDetailsDialog.tsx
@@ -194,7 +194,7 @@ export const OrderDetailsDialog = ({ orderId, setIsOpen }: ElementProps) => {
 
   return (
     <DetailsDialog
-      slotIcon={<Styled.AssetIcon symbol={asset.id} />}
+      slotIcon={<Styled.AssetIcon symbol={asset?.id} />}
       title={!resources.typeStringKey ? '' : stringGetter({ key: resources.typeStringKey })}
       slotFooter={
         isAccountViewOnly ? null : isOrderStatusClearable(status) ? (