17.05.2026 funny
This commit is contained in:
@@ -1,9 +1,11 @@
|
||||
import { useState } from 'react'
|
||||
import btc from '@shared/assets/btc.svg'
|
||||
import eth from '@shared/assets/eth.svg'
|
||||
import sol from '@shared/assets/sol.svg'
|
||||
import trx from '@shared/assets/trx.svg'
|
||||
import arb from '@shared/assets/arb.svg'
|
||||
import { COIN_ICONS } from '@shared/assets/coins'
|
||||
|
||||
const btc = COIN_ICONS.BTC
|
||||
const eth = COIN_ICONS.ETH
|
||||
const sol = COIN_ICONS.SOL
|
||||
const trx = COIN_ICONS.TRX
|
||||
const arb = COIN_ICONS.ARB
|
||||
import type { WalletBalanceData } from '@features/wallet'
|
||||
|
||||
export interface Token {
|
||||
|
||||
@@ -1,8 +1,4 @@
|
||||
import btc from '@shared/assets/btc.svg'
|
||||
import eth from '@shared/assets/eth.svg'
|
||||
import sol from '@shared/assets/sol.svg'
|
||||
import trx from '@shared/assets/trx.svg'
|
||||
import bnb from '@shared/assets/bnb.svg'
|
||||
import { COIN_ICONS } from '@shared/assets/coins'
|
||||
|
||||
export interface Token {
|
||||
ticker: string
|
||||
@@ -17,9 +13,9 @@ export interface Token {
|
||||
}
|
||||
|
||||
export const TOKENS: readonly Token[] = [
|
||||
{ ticker: 'BTC', name: 'Bitcoin', logo: btc, color: '#F7931A', price: '$66,916.00', change: 0.12, bal: '0.003295', usd: '$220.57', fav: true },
|
||||
{ ticker: 'ETH', name: 'Ethereum', logo: eth, color: '#627EEA', price: '$2,053.97', change: -0.12, bal: '0.07636', usd: '$156.51', fav: false },
|
||||
{ ticker: 'SOL', name: 'Solana', logo: sol, color: '#9945FF', price: '$163.84', change: -1.57, bal: '0.07636', usd: '$156.51', fav: false },
|
||||
{ ticker: 'TRX', name: 'Tron', logo: trx, color: '#FF060A', price: '$0.1197', change: 1.33, bal: '0.07636', usd: '$156.51', fav: false },
|
||||
{ ticker: 'BSC', name: 'BSC Chain', logo: bnb, color: '#F3BA2F', price: '$0.00', change: 0, bal: '0.00000', usd: '$0.00', fav: false },
|
||||
{ ticker: 'BTC', name: 'Bitcoin', logo: COIN_ICONS.BTC, color: '#F7931A', price: '$66,916.00', change: 0.12, bal: '0.003295', usd: '$220.57', fav: true },
|
||||
{ ticker: 'ETH', name: 'Ethereum', logo: COIN_ICONS.ETH, color: '#627EEA', price: '$2,053.97', change: -0.12, bal: '0.07636', usd: '$156.51', fav: false },
|
||||
{ ticker: 'SOL', name: 'Solana', logo: COIN_ICONS.SOL, color: '#9945FF', price: '$163.84', change: -1.57, bal: '0.07636', usd: '$156.51', fav: false },
|
||||
{ ticker: 'TRX', name: 'Tron', logo: COIN_ICONS.TRX, color: '#FF060A', price: '$0.1197', change: 1.33, bal: '0.07636', usd: '$156.51', fav: false },
|
||||
{ ticker: 'BNB', name: 'BNB', logo: COIN_ICONS.BNB, color: '#F3BA2F', price: '$0.00', change: 0, bal: '0.00000', usd: '$0.00', fav: false },
|
||||
] as const
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import { useWalletBalance } from '@features/wallet'
|
||||
import type { Chain } from '@features/wallet'
|
||||
import { getCoinIcon } from '@shared/assets/coins'
|
||||
import { TOKENS, type Token } from './tokens'
|
||||
|
||||
const NATIVE_TICKER: Record<Chain, string> = {
|
||||
@@ -48,7 +49,7 @@ export function useChainTokenRows(chain: Chain) {
|
||||
const nativeRow: Token = {
|
||||
ticker: nativeTicker,
|
||||
name: NATIVE_NAME[chain],
|
||||
logo: nativeStatic?.logo,
|
||||
logo: getCoinIcon(nativeTicker) ?? nativeStatic?.logo,
|
||||
color: nativeStatic?.color ?? DEFAULT_TOKEN_COLOR,
|
||||
price: formatPrice(data.native.usdPrice),
|
||||
change: 0,
|
||||
@@ -62,7 +63,7 @@ export function useChainTokenRows(chain: Chain) {
|
||||
return {
|
||||
ticker: symbol,
|
||||
name: staticToken?.name ?? symbol,
|
||||
logo: staticToken?.logo,
|
||||
logo: getCoinIcon(symbol) ?? staticToken?.logo,
|
||||
color: staticToken?.color ?? DEFAULT_TOKEN_COLOR,
|
||||
price: formatPrice(amount.usdPrice),
|
||||
change: 0,
|
||||
|
||||
@@ -1,10 +1,6 @@
|
||||
import { NavLink } from 'react-router-dom'
|
||||
import type { Chain } from '@features/wallet'
|
||||
import btc from '@shared/assets/btc.svg'
|
||||
import eth from '@shared/assets/eth.svg'
|
||||
import sol from '@shared/assets/sol.svg'
|
||||
import trx from '@shared/assets/trx.svg'
|
||||
import bnb from '@shared/assets/bnb.svg'
|
||||
import { COIN_ICONS } from '@shared/assets/coins'
|
||||
import styles from './WalletChainTabs.module.css'
|
||||
|
||||
interface TabItem {
|
||||
@@ -14,11 +10,11 @@ interface TabItem {
|
||||
}
|
||||
|
||||
const TABS: TabItem[] = [
|
||||
{ chain: 'BTC', label: 'BTC', icon: btc },
|
||||
{ chain: 'ETH', label: 'ETH', icon: eth },
|
||||
{ chain: 'SOL', label: 'SOL', icon: sol },
|
||||
{ chain: 'TRX', label: 'TRX', icon: trx },
|
||||
{ chain: 'BSC', label: 'BSC', icon: bnb },
|
||||
{ chain: 'BTC', label: 'BTC', icon: COIN_ICONS.BTC },
|
||||
{ chain: 'ETH', label: 'ETH', icon: COIN_ICONS.ETH },
|
||||
{ chain: 'SOL', label: 'SOL', icon: COIN_ICONS.SOL },
|
||||
{ chain: 'TRX', label: 'TRX', icon: COIN_ICONS.TRX },
|
||||
{ chain: 'BSC', label: 'BSC', icon: COIN_ICONS.BNB },
|
||||
]
|
||||
|
||||
export function WalletChainTabs() {
|
||||
|
||||
Reference in New Issue
Block a user