fix bug

Author: vporton

backend/env.example

@@ -124,6 +124,8 @@ GITLAB_CLIENT_SECRET=your-gitlab-client-secret
 
 # OpenAI Configuration
 OPENAI_API_KEY=your-openai-api-key-here
+# Optional CoinGecko demo key for live treasury token prices
+COINGECKO_DEMO_API_KEY=
 # For production recommended gpt-5, for cheap testing use gpt-5-mini (don't use gpt-5-nano: it tends to enter infinite loop with Web search)
 OPENAI_MODEL=gpt-5
 # batch (for production, not yet debugged) or nonbatch (useful for debugging)

backend/src/routes/global.ts

@@ -1,5 +1,6 @@
 import express from 'express';
 import { GlobalDataService } from '../services/GlobalDataService.js';
+import { TokenPriceService } from '../services/TokenPriceService.js';
 
 const router = express.Router();
 
@@ -76,4 +77,37 @@ router.post('/refresh-gdp', async (req, res) => {
   }
 });
 
+/**
+ * GET /api/global/token-prices
+ * Get live USD token prices
+ */
+router.get('/token-prices', async (req, res) => {
+  try {
+    const rawSymbols = typeof req.query.symbols === 'string' ? req.query.symbols : '';
+    const symbols = rawSymbols
+      .split(',')
+      .map(symbol => symbol.trim().toUpperCase())
+      .filter(Boolean);
+
+    const quotes = await TokenPriceService.getUsdQuotes(symbols);
+
+    return res.json({
+      success: true,
+      data: {
+        quotes,
+        source: 'coingecko',
+        requestedSymbols: symbols,
+        supportedSymbols: TokenPriceService.getSupportedSymbols()
+      }
+    });
+  } catch (error) {
+    console.error('Error getting token prices:', error);
+    return res.status(500).json({
+      success: false,
+      message: 'Failed to retrieve token prices',
+      error: process.env.NODE_ENV === 'development' ? (error as Error).message : 'Something went wrong'
+    });
+  }
+});
+
 export default router;

frontend/src/components/MultiNetworkGasBalances.tsx

@@ -1,7 +1,6 @@
 import { useState, useEffect } from 'react'
 import api from '../services/api'
 import { countries } from '../utils/countries'
-import { formatTokenUsdEstimate } from '../utils/tokenUsd'
 
 interface NetworkInfo {
   name?: string;
@@ -35,6 +34,14 @@ interface MultiNetworkStatus {
   totalReserve?: number;
 }
 
+interface TokenPriceQuote {
+  symbol: string;
+  coinId: string;
+  usd: number;
+  lastUpdatedAt: string | null;
+  source: 'coingecko';
+}
+
 type ExplorerLinkConfig = {
   label: string;
   buildUrl: (address: string) => string;
@@ -107,10 +114,17 @@ function MultiNetworkGasBalances() {
   const [loadingNetworks, setLoadingNetworks] = useState<Record<string, boolean>>({})
   const [error, setError] = useState<string | null>(null)
   const [copiedAddressKey, setCopiedAddressKey] = useState<string | null>(null)
+  const [tokenQuotes, setTokenQuotes] = useState<Record<string, TokenPriceQuote>>({})
 
   const [scope, setScope] = useState<'GLOBAL' | 'COUNTRY'>('GLOBAL');
   const [selectedCountry, setSelectedCountry] = useState<string>('DE'); // Default to Germany or commonly used
 
+  const usdFormatter = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    maximumFractionDigits: 2
+  })
+
   const shortenAddress = (value: string, startLength = 6, endLength = 4) => {
     if (!value || value === 'N/A') {
       return value
@@ -151,6 +165,7 @@ function MultiNetworkGasBalances() {
       setError(null)
       setNetworkStatus(null)
       setLoadingNetworks({})
+      setTokenQuotes({})
 
       const params = new URLSearchParams()
       if (currentScope === 'COUNTRY') {
@@ -178,7 +193,7 @@ function MultiNetworkGasBalances() {
             networkName: net.networkName,
             adapterType: net.adapterType,
             walletAddress: net.walletAddress,
-            tokenSymbol: '...',
+            tokenSymbol: net.tokenSymbol || '...',
             totalReserve: 0,
             walletBalance: 0,
             availableForDistribution: 0,
@@ -199,6 +214,31 @@ function MultiNetworkGasBalances() {
         setLoadingNetworks(initialLoading)
         setLoading(false)
 
+        const tokenSymbols = Array.from(
+          new Set(
+            networks
+              .map((net: any) => typeof net.tokenSymbol === 'string' ? net.tokenSymbol.trim().toUpperCase() : '')
+              .filter((symbol: string) => symbol.length > 0)
+          )
+        )
+
+        if (tokenSymbols.length > 0) {
+          try {
+            const priceResponse = await api.get('/api/global/token-prices', {
+              params: {
+                symbols: tokenSymbols.join(',')
+              }
+            })
+
+            const quotes = priceResponse.data?.data?.quotes
+            if (quotes && typeof quotes === 'object') {
+              setTokenQuotes(quotes)
+            }
+          } catch (priceError) {
+            console.error('Failed to fetch live token prices:', priceError)
+          }
+        }
+
         // 2. Fetch each network's status individualy in parallel (backend will coalesce and cache)
         enabledNetworks.forEach(async (networkId: string) => {
           try {
@@ -250,6 +290,31 @@ function MultiNetworkGasBalances() {
     }
   }
 
+  const formatUsdAmount = (tokenSymbol: string, amount?: number) => {
+    if (!Number.isFinite(amount)) {
+      return null
+    }
+
+    const quote = tokenQuotes[tokenSymbol.trim().toUpperCase()]
+    if (!quote || !Number.isFinite(quote.usd)) {
+      return null
+    }
+
+    return usdFormatter.format((amount as number) * quote.usd)
+  }
+
+  const latestQuoteTime = Object.values(tokenQuotes).reduce<string | null>((latest, quote) => {
+    if (!quote.lastUpdatedAt) {
+      return latest
+    }
+
+    if (!latest || new Date(quote.lastUpdatedAt).getTime() > new Date(latest).getTime()) {
+      return quote.lastUpdatedAt
+    }
+
+    return latest
+  }, null)
+
   useEffect(() => {
     fetchMultiNetworkStatus(scope, selectedCountry)
   }, [scope, selectedCountry])
@@ -356,9 +421,11 @@ function MultiNetworkGasBalances() {
         <p style={{ margin: '0.5rem 0 0 0', color: '#0c4a6e', fontSize: '0.9rem' }}>
           {networkStatus.totalNetworks} networks enabled: {networkStatus.enabledNetworks.join(', ')}
         </p>
-        <p style={{ margin: '0.5rem 0 0 0', color: '#075985', fontSize: '0.8rem' }}>
-          USD values are reference estimates from a static price table, not live market quotes.
-        </p>
+        {latestQuoteTime && (
+          <p style={{ margin: '0.5rem 0 0 0', color: '#075985', fontSize: '0.8rem' }}>
+            USD quotes from CoinGecko. Last update: {new Date(latestQuoteTime).toLocaleString()}
+          </p>
+        )}
       </div>
 
       {/* Network Details */}
@@ -399,10 +466,14 @@ function MultiNetworkGasBalances() {
           const balanceDisplay = balanceFormatted === 'N/A'
             ? (isNetworkLoading ? 'Loading...' : 'N/A')
             : `${balanceFormatted} ${tokenSymbol}`
-          const balanceUsdEstimate = formatTokenUsdEstimate(tokenSymbol, fallbackWalletBalance)
+          const balanceUsdEstimate = formatUsdAmount(tokenSymbol, fallbackWalletBalance)
           const gasPriceDisplay = gasPriceFormatted === 'N/A'
             ? (isNetworkLoading ? 'Loading...' : 'N/A')
             : `${gasPriceFormatted} ${tokenSymbol}`
+          const gasPriceNumeric = Number.parseFloat(gasPriceFormatted)
+          const gasPriceUsdEstimate = Number.isFinite(gasPriceNumeric)
+            ? formatUsdAmount(tokenSymbol, gasPriceNumeric)
+            : null
 
           return (
             <div key={networkName} style={{
@@ -450,6 +521,9 @@ function MultiNetworkGasBalances() {
                   </p>
                   <p style={{ margin: '0.25rem 0', color: '#888' }}>
                     <strong>Gas Price:</strong> {gasPriceDisplay}
+                    {gasPriceUsdEstimate && (
+                      <span style={{ color: '#cbd5e1' }}> ({gasPriceUsdEstimate})</span>
+                    )}
                   </p>
                   <p style={{ margin: '0.25rem 0', color: '#888' }}>
                     <strong>Address:</strong>{" "}

frontend/src/services/api.ts

@@ -109,6 +109,14 @@ interface SalaryStats {
   medianRecommendedSalary: number;
 }
 
+interface TokenPriceQuote {
+  symbol: string;
+  coinId: string;
+  usd: number;
+  lastUpdatedAt: string | null;
+  source: 'coingecko';
+}
+
 interface AuthData {
   ethereumAddress?: string;
   signature?: string;
@@ -276,6 +284,11 @@ export const worldGdpApi = {
     api.get('/api/global/gdp'),
 }
 
+export const tokenPricesApi = {
+  get: (symbols: string[]): Promise<AxiosResponse<{ success: boolean; data: { quotes: Record<string, TokenPriceQuote>; source: string; requestedSymbols: string[]; supportedSymbols: string[] } }>> =>
+    api.get('/api/global/token-prices', { params: { symbols: symbols.join(',') } }),
+}
+
 // Add response interceptor for error handling
 api.interceptors.response.use(
   (response) => response,
@@ -286,4 +299,4 @@ api.interceptors.response.use(
 )
 
 export default api
-export type { User, Post, CreateUserData, CreatePostData, UpdateUserData, UpdatePostData, AuthData, DBLogEntry, LogsFilter, LogStats, LogTypes, LeaderboardEntry, SalaryStats }
+export type { User, Post, CreateUserData, CreatePostData, UpdateUserData, UpdatePostData, AuthData, DBLogEntry, LogsFilter, LogStats, LogTypes, LeaderboardEntry, SalaryStats, TokenPriceQuote }

git_hooks/pre-commit

@@ -7,8 +7,8 @@ npm test
 
 cd backend
 
-# TODO@P2: hack
-# npm update prisma
+# To avoid prisma errors.
+npm run db:generate
 
 # Prevent submitting, if has not been tested on a local DB.
 npx prisma migrate status --config prisma/prisma.config.js