Display stellar logo for XLM transfer invocations

stellar · Jan 15, 2025 · df56bfc · df56bfc
1 parent e485309
commit df56bfc
Showing 1 changed file with 19 additions and 4 deletions.
diff --git a/extension/src/popup/components/accountHistory/HistoryItem/index.tsx b/extension/src/popup/components/accountHistory/HistoryItem/index.tsx
@@ -608,7 +608,8 @@ export const HistoryItem = ({
             }
 
             const { symbol, decimals } = tokenDetailsResponse!;
-            const code = symbol === "native" ? "XLM" : symbol;
+            const isNative = symbol === "native";
+            const code = isNative ? "XLM" : symbol;
             const formattedTokenAmount = formatTokenAmount(
               new BigNumber(attrs.amount),
               decimals,
@@ -623,8 +624,22 @@ export const HistoryItem = ({
               </Badge>,
             );
             setIconComponent(
-              <div className="HistoryItem__icon__bordered">
-                <Icon.User01 />
+              <>
+                {isNative && (
+                  <AssetSds
+                    size="lg"
+                    variant="single"
+                    sourceOne={{
+                      altText: "Stellar token logo",
+                      image: StellarLogo,
+                    }}
+                  />
+                )}
+                {!isNative && (
+                  <div className="HistoryItem__icon__bordered">
+                    <Icon.User01 />
+                  </div>
+                )}
                 {_isRecipient && (
                   <div className="HistoryItem__icon__small HistoryItem--received">
                     <Icon.ArrowDown />
@@ -635,7 +650,7 @@ export const HistoryItem = ({
                     <Icon.Send03 />
                   </div>
                 )}
-              </div>,
+              </>,
             );
             setRowText(code);
             setDateText(