Merge pull request #730 from Gogo-Eng/stream-detail-page

Stream detail page TOKEN_SYMBOLS map is incomplete (missing FLOW) and…

Author: ogazboiz

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) });

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) {