17.05.2026 funny

This commit is contained in:
2026-05-17 14:31:14 +03:00
parent ed5c7ea79d
commit 2d1c1654f9
34 changed files with 728 additions and 96 deletions

View File

@@ -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 {

View File

@@ -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

View File

@@ -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,

View File

@@ -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() {