x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="flex items-center justify-between py-3 px-4 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors">
<div class="flex items-center gap-3">
<div class="h-8 w-8 rounded-full bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-400 flex items-center justify-center text-sm font-bold">
S
</div>
<div>
<div class="font-medium text-gray-900 dark:text-white text-sm">SOL</div>
<div class="text-xs text-gray-500 dark:text-gray-400">Solana</div>
</div>
</div>
<div class="text-right">
<div class="font-medium text-gray-900 dark:text-white text-sm">12.500</div>
<div class="text-xs text-gray-500 dark:text-gray-400">$1,875.00</div>
</div>
</div>
1
2
3
render(Solrengine::Ui::TokenRowComponent.new(token: {
symbol: "SOL", name: "Solana", balance: "12.500", icon_uri: nil, usd_value: "1,875.00"
}))