Cryptocurrency Market

\n Click on any cryptocurrency to view its detailed price chart\n

\n\n

\n {coins.map((coin) => (\n onCoinSelect(coin)}\n className=\"crypto-card bg-white rounded-lg shadow-md p-6 cursor-pointer border hover:border-blue-300\"\n >\n

\n \n

{coin.name}

{coin.symbol}

\n \n #{coin.market_cap_rank}\n \n

\n\n

Current Price

\n {formatCurrency(coin.current_price)}\n

\n\n

24h Change

\n {formatPercentage(coin.price_change_percentage_24h)}\n

Market Cap

\n {formatNumber(coin.market_cap)}\n

\n\n

Volume (24h)

\n {formatNumber(coin.total_volume)}\n

Supply

\n {formatNumber(coin.circulating_supply)}\n {coin.max_supply && (\n \n /{formatNumber(coin.max_supply)}\n \n )}\n

\n\n

\n View Chart\n →\n

\n ))}\n

\n\n {coins.length === 0 && (\n

📊

No Data Available

Unable to load cryptocurrency data at this time.

\n )}\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/umar_ndungo_tech/crypto-web-app/code/frontend/components/CryptoList.tsx","extension","actionData","errors"]