diff --git a/src/app/stats/page.tsx b/src/app/stats/page.tsx index 20c391e..70867cf 100644 --- a/src/app/stats/page.tsx +++ b/src/app/stats/page.tsx @@ -8,11 +8,11 @@ import { getPublicStats, type PublicStats } from '@/lib/api'; // Asset display names and colors const ASSETS: Record = { btc: { name: 'Bitcoin', color: '#f7931a' }, - ltc: { name: 'Litecoin', color: '#bfbbbb' }, - xmr: { name: 'Monero', color: '#ff6600' }, + ltc: { name: 'Litecoin', color: '#c0c0c0' }, + xmr: { name: 'Monero', color: '#6b7280' }, wow: { name: 'Wownero', color: '#ff69b4' }, grin: { name: 'Grin', color: '#ffc107' }, - unknown: { name: 'Unknown', color: '#6b7280' }, + unknown: { name: 'Unknown', color: '#374151' }, }; // Platform display names @@ -78,36 +78,43 @@ export default function StatsPage() { {/* Users by Preferred Coin */} -
-

Favorite Login Coin

-
- {Object.entries(stats?.users_by_preferred_asset || {}) - .sort(([, a], [, b]) => b - a) - .map(([asset, count]) => { - const info = ASSETS[asset] || ASSETS.unknown; - const percentage = totalByAsset > 0 ? (count / totalByAsset) * 100 : 0; - return ( -
-
- {info.name} - - {count} ({percentage.toFixed(1)}%) - + {Object.keys(stats?.users_by_preferred_asset || {}).length > 0 && ( +
+

Favorite Login Coin

+
+ {Object.entries(stats?.users_by_preferred_asset || {}) + .sort(([, a], [, b]) => b - a) + .map(([asset, count]) => { + const info = ASSETS[asset] || ASSETS.unknown; + const percentage = totalByAsset > 0 ? (count / totalByAsset) * 100 : 0; + return ( +
+
+ + {info.name} + + + {count.toLocaleString()} logins ({percentage.toFixed(1)}%) + +
+
+
+
-
-
-
-
- ); - })} + ); + })} +
+

+ Based on {totalByAsset.toLocaleString()} total logins +

-
+ )} {/* Linked Accounts */} {Object.keys(stats?.linked_accounts_by_platform || {}).length > 0 && (