fix: add Tron chain icon to namespace icons in wallet list

Co-Authored-By: Magomed Khamidov <mago.khamidov@gmail.com>

Author: devin-ai-integration[bot]

packages/ui/src/assets/svg/tron.ts

@@ -0,0 +1,7 @@
+import { svg } from 'lit'
+
+export const tronSvg = svg`
+  <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 64 64">
+    <path fill="var(--apkt-tokens-theme-textPrimary)" d="M61.55 19.28c-3-2.77-7.15-7-10.53-10l-.2-.14a3.82 3.82 0 0 0-1.11-.62l0 0C41.56 7 3.63-.09 2.89 0a1.4 1.4 0 0 0-.58.22L2.12.37a2.23 2.23 0 0 0-.52.84l-.05.13v.71l0 .11C5.82 14.05 22.68 53 26 62.14c.2.62.58 1.8 1.29 1.86h.16c.38 0 2-2.14 2-2.14S58.41 26.74 61.34 23a9.46 9.46 0 0 0 1-1.48A2.41 2.41 0 0 0 61.55 19.28ZM36.88 23.37 49.24 13.12l7.25 6.68Zm-4.8-.67L10.8 5.26l34.43 6.35ZM34 27.27l21.78-3.51-24.9 30ZM7.91 7 30.3 26 27.06 53.78Z"/>
+  </svg>
+`

packages/ui/src/components/wui-icon/index.ts

@@ -24,6 +24,7 @@ import { reownSvg } from '../../assets/svg/reown-logo.js'
 import { solanaSvg } from '../../assets/svg/solana.js'
 import { telegramSvg } from '../../assets/svg/telegram.js'
 import { tonSvg } from '../../assets/svg/ton.js'
+import { tronSvg } from '../../assets/svg/tron.js'
 import { twitchSvg } from '../../assets/svg/twitch.js'
 import { twitterIconSvg } from '../../assets/svg/twitterIcon.js'
 import {
@@ -123,6 +124,7 @@ const phosphorIconsMap: Record<string, string> = {
   reown: '',
   solana: '',
   ton: '',
+  tron: '',
   telegram: '',
   twitch: '',
   twitterIcon: '',
@@ -212,6 +214,7 @@ const svgOptions: Partial<Record<IconType, TemplateResult<2>>> = {
   reown: reownSvg,
   solana: solanaSvg,
   ton: tonSvg,
+  tron: tronSvg,
   telegram: telegramSvg,
   twitch: twitchSvg,
   twitter: xSvg,

packages/ui/src/composites/wui-list-wallet/index.ts

@@ -24,7 +24,7 @@ const NAMESPACE_ICONS = {
   sui: undefined,
   stacks: undefined,
   ton: 'ton',
-  tron: undefined
+  tron: 'tron'
 } as const satisfies Record<ChainNamespace, IconType | undefined>
 
 @customElement('wui-list-wallet')

packages/ui/src/utils/TypeUtil.ts

@@ -184,6 +184,7 @@ export type IconType =
   | 'telegram'
   | 'threeDots'
   | 'ton'
+  | 'tron'
   | 'twitch'
   | 'twitter'
   | 'twitterIcon'