From f6e6a9e5896d57e41a56c04791730c20c398122d Mon Sep 17 00:00:00 2001
From: Gogo-Eng <“progressgogochinda@gmail.com”>
Date: Mon, 1 Jun 2026 23:49:15 +0100
Subject: [PATCH] Stream detail page TOKEN_SYMBOLS map is incomplete (missing
 FLOW) and stale

---
 frontend/src/app/streams/[id]/page.tsx        |  1 +
 .../app/streams/streams/[streamId]/page.tsx   | 24 ++++++++++---------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/streams/[id]/page.tsx b/frontend/src/app/streams/[id]/page.tsx
index aea3e2e5..a2757e5d 100644
--- a/frontend/src/app/streams/[id]/page.tsx
+++ b/frontend/src/app/streams/[id]/page.tsx
@@ -209,6 +209,7 @@ export default function StreamDetailsPage() {
       toast.error("Please connect your wallet");
       return;
     }
+    Token:
     setWithdrawing(true);
     try {
       await withdrawFromStream(session, { streamId: BigInt(streamId) });
diff --git a/frontend/src/app/streams/streams/[streamId]/page.tsx b/frontend/src/app/streams/streams/[streamId]/page.tsx
index 68e78a52..dfc067df 100644
--- a/frontend/src/app/streams/streams/[streamId]/page.tsx
+++ b/frontend/src/app/streams/streams/[streamId]/page.tsx
@@ -38,20 +38,22 @@ function formatUnixTimestamp(timestamp: number): string {
 }
 
 function inferTokenSymbol(tokenAddress: string): string {
-  const known: Record<string, string | undefined> = {
-    USDC: process.env.NEXT_PUBLIC_USDC_ADDRESS,
-    XLM: process.env.NEXT_PUBLIC_XLM_ADDRESS,
-    EURC: process.env.NEXT_PUBLIC_EURC_ADDRESS,
-  };
+  if (!tokenAddress) return "UNKNOWN";
 
   const normalized = tokenAddress.toUpperCase();
-  for (const [symbol, address] of Object.entries(known)) {
-    if (address && address.toUpperCase() === normalized) {
-      return symbol;
-    }
-  }
 
-  return "TOKEN";
+  // Improved mapping with FLOW added
+  if (normalized.includes("FLOW")) return "FLOW";
+  if (normalized.includes("USDC")) return "USDC";
+  if (normalized.includes("USDT")) return "USDT";
+  if (normalized.includes("XLM")) return "XLM";
+  if (normalized.includes("YUSDC")) return "yUSDC";
+  if (normalized.includes("YXLM")) return "yXLM";
+
+  // Fallback: return original if known, else shorten
+  return tokenAddress.length > 10 
+    ? tokenAddress.slice(0, 6) + "..." + tokenAddress.slice(-4)
+    : tokenAddress;
 }
 
 export default function StreamDetailsPage({ params }: StreamDetailsPageProps) {