feat: p&l label in portfolio + fixed unnecessary calls to /total

website/src/lib/stores/portfolio-data.ts

@@ -1,26 +1,55 @@
 import { writable } from 'svelte/store';
 
-export interface PortfolioData {
+export interface PortfolioSummary {
     baseCurrencyBalance: number;
     totalCoinValue: number;
     totalValue: number;
+    currency: string;
+}
+
+export interface PortfolioData extends PortfolioSummary {
     coinHoldings: Array<{
         symbol: string;
         quantity: number;
         currentPrice: number;
         value: number;
+        percentageChange: number;
+        change24h: number;
+        icon?: string;
+        portfolioPercent: number;
     }>;
-    currency: string;
 }
 
+export const PORTFOLIO_SUMMARY = writable<PortfolioSummary | null>(null);
+
 export const PORTFOLIO_DATA = writable<PortfolioData | null>(null);
 
+export async function fetchPortfolioSummary() {
+    try {
+        const response = await fetch('/api/portfolio/summary');
+        if (response.ok) {
+            const data = await response.json();
+            PORTFOLIO_SUMMARY.set(data);
+            return data;
+        }
+    } catch (error) {
+        console.error('Failed to fetch portfolio summary:', error);
+    }
+    return null;
+}
+
 export async function fetchPortfolioData() {
     try {
         const response = await fetch('/api/portfolio/total');
         if (response.ok) {
             const data = await response.json();
             PORTFOLIO_DATA.set(data);
+            PORTFOLIO_SUMMARY.set({
+                baseCurrencyBalance: data.baseCurrencyBalance,
+                totalCoinValue: data.totalCoinValue,
+                totalValue: data.totalValue,
+                currency: data.currency
+            });
             return data;
         }
     } catch (error) {