From ecbcfe64fd7079834ebbbe84716d5754bf5cad66 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Mon, 16 Mar 2026 16:20:24 +0000
Subject: [PATCH] [#194] Clean up earnings/royalties in writer dashboard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- EARNINGS → DONATIONS: shows only donation total with truncated decimals
- Removed duplicate royalty sub-text and royalty queries from
  WriterTradingStats (handled by ClaimRoyalties component)
- Added formatTruncated for readable decimal display

Fixes #194

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/WriterTradingStats.tsx | 50 ++++++---------------------
 1 file changed, 10 insertions(+), 40 deletions(-)

diff --git a/src/components/WriterTradingStats.tsx b/src/components/WriterTradingStats.tsx
index 1aa36d3b..9d50fc8e 100644
--- a/src/components/WriterTradingStats.tsx
+++ b/src/components/WriterTradingStats.tsx
@@ -8,6 +8,13 @@ import { MCV2_BOND, IS_TESTNET } from "../../lib/contracts/constants";
 import type { Storyline } from "../../lib/supabase";
 import { supabase } from "../../lib/supabase";
 
+function formatTruncated(value: bigint, decimals: number, digits = 6): string {
+  const raw = formatUnits(value, decimals);
+  const dot = raw.indexOf(".");
+  if (dot === -1 || raw.length - dot - 1 <= digits) return raw;
+  return raw.slice(0, dot + 1 + digits).replace(/0+$/, "").replace(/\.$/, "");
+}
+
 interface WriterTradingStatsProps {
   storyline: Storyline;
 }
@@ -38,36 +45,6 @@ export function WriterTradingStats({ storyline }: WriterTradingStatsProps) {
     enabled: !!tokenAddress,
   });
 
-  // Fetch bond creator (royalty beneficiary)
-  const { data: bondData } = useQuery({
-    queryKey: ["writer-bond", tokenAddress],
-    queryFn: async () => {
-      const result = await publicClient.readContract({
-        address: MCV2_BOND,
-        abi: mcv2BondAbi,
-        functionName: "tokenBond",
-        args: [tokenAddress],
-      });
-      return { creator: result[0] as `0x${string}` };
-    },
-    enabled: !!tokenAddress,
-  });
-
-  // Fetch unclaimed royalties (requires creator address as beneficiary)
-  const { data: royaltyData } = useQuery({
-    queryKey: ["writer-royalty", tokenAddress, bondData?.creator],
-    queryFn: async () => {
-      const unclaimed = await publicClient.readContract({
-        address: MCV2_BOND,
-        abi: mcv2BondAbi,
-        functionName: "getRoyaltyInfo",
-        args: [tokenAddress, bondData!.creator],
-      });
-      return { unclaimed };
-    },
-    enabled: !!tokenAddress && !!bondData?.creator,
-  });
-
   // Fetch total donations for this storyline
   const { data: donationsTotal } = useQuery({
     queryKey: ["writer-donations", storyline.storyline_id],
@@ -83,25 +60,18 @@ export function WriterTradingStats({ storyline }: WriterTradingStatsProps) {
   });
 
   const decimals = tvlData?.decimals;
-  const earnings =
-    donationsTotal !== undefined && royaltyData
-      ? donationsTotal + royaltyData.unclaimed
-      : undefined;
 
   return (
     <div className="text-muted mt-3 grid grid-cols-3 gap-2 text-xs">
       <div>
         <span className="block text-[10px] uppercase tracking-wider">
-          Earnings
+          Donations
         </span>
         <span className="text-accent font-medium">
-          {earnings !== undefined && decimals !== undefined
-            ? `${formatUnits(earnings, decimals)} ${reserveLabel}`
+          {donationsTotal !== undefined && decimals !== undefined
+            ? `${formatTruncated(donationsTotal, decimals)} ${reserveLabel}`
             : "—"}
         </span>
-        <span className="text-muted block text-[10px]">
-          {royaltyData && decimals !== undefined && `Royalties: ${formatUnits(royaltyData.unclaimed, decimals)}`}
-        </span>
       </div>
       <div>
         <span className="block text-[10px] uppercase tracking-wider">