From 6064d484177b314ade0e88a2645cba2c58d68172 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Thu, 2 Apr 2026 12:01:10 +0100
Subject: [PATCH] [#749] Remove Donations/Trades from Reader tab, add Activity
 Stats dashboard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. Remove Donations section and Trading History from Portfolio/Reader tab
   — only Portfolio summary + Story Token Holdings remain
2. Add Activity Stats 4-box dashboard at top of Activity tab:
   Trades count, Trade Volume, Donations count, Donated amount
3. Stats computed from existing feed data (no extra queries)

Fixes #749

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/profile/[address]/page.tsx | 91 ++++++++++--------------------
 1 file changed, 31 insertions(+), 60 deletions(-)

diff --git a/src/app/profile/[address]/page.tsx b/src/app/profile/[address]/page.tsx
index b6873c0d..8e5bb31d 100644
--- a/src/app/profile/[address]/page.tsx
+++ b/src/app/profile/[address]/page.tsx
@@ -1515,65 +1515,7 @@ function PortfolioTab({ address, isOwnProfile }: { address: string; isOwnProfile
         </>
       )}
 
-      {/* Donations — structured card */}
-      {(hasDonationsReceived || (isOwnProfile && hasDonationsGiven)) && (
-        <div className="border-border rounded border px-4 py-3 text-xs">
-          <p className="text-muted mb-2 text-[10px] uppercase tracking-wider">Donations</p>
-          <div className="grid grid-cols-2 gap-2">
-            {hasDonationsReceived && (
-              <div className="border-border rounded border px-2 py-1.5 text-center">
-                <div className="text-foreground text-sm font-bold">{formatPrice(formatUnits(donationsReceived!.total, 18))}</div>
-                <div className="text-muted text-[9px]">Received · {donationsReceived!.count}</div>
-              </div>
-            )}
-            {isOwnProfile && hasDonationsGiven && (
-              <div className="border-border rounded border px-2 py-1.5 text-center">
-                <div className="text-foreground text-sm font-bold">{formatPrice(formatUnits(totalDonated, 18))}</div>
-                <div className="text-muted text-[9px]">Given · {donationTotalCount}</div>
-              </div>
-            )}
-          </div>
-          {isOwnProfile && hasDonationsGiven && (
-            <div className="mt-3 space-y-2">
-              {donationsGiven.map((d) => (
-                <div key={d.id} className="grid grid-cols-[auto_1fr_auto] gap-x-2 items-baseline text-xs">
-                  <Link
-                    href={`/story/${d.storyline_id}`}
-                    className="text-foreground hover:text-accent transition-colors"
-                  >
-                    Story #{d.storyline_id}
-                  </Link>
-                  <span className="text-foreground text-right font-medium">
-                    {formatPrice(formatUnits(BigInt(d.amount), 18))} {RESERVE_LABEL}
-                  </span>
-                  <span className="text-muted flex items-center gap-1">
-                    {d.block_timestamp && (
-                      <time dateTime={d.block_timestamp}>
-                        {new Date(d.block_timestamp).toLocaleDateString("en-US", { month: "short", day: "numeric" })}
-                      </time>
-                    )}
-                    {d.tx_hash && (
-                      <a href={`${EXPLORER_URL}/tx/${d.tx_hash}`} target="_blank" rel="noopener noreferrer" className="hover:text-accent">&#x2197;</a>
-                    )}
-                  </span>
-                </div>
-              ))}
-              {donHasNext && (
-                <button
-                  onClick={() => donFetchNext()}
-                  disabled={donFetchingNext}
-                  className="text-accent hover:text-foreground mt-1 w-full text-center text-xs transition-colors disabled:opacity-50"
-                >
-                  {donFetchingNext ? "Loading..." : `Load more (${donationTotalCount - donationsGiven.length} remaining)`}
-                </button>
-              )}
-            </div>
-          )}
-        </div>
-      )}
-
-      {/* Trading History */}
-      <PortfolioTradingHistory address={address} plotUsd={plotUsd} />
+      {/* Donations and Trading History moved to Activity tab */}
     </div>
   );
 }
@@ -1862,11 +1804,40 @@ function ActivityTab({ address }: { address: string }) {
     );
   }
 
+  // Activity Stats
+  const tradeEntries = feed.filter((e) => e.type === "bought" || e.type === "sold");
+  const donationEntries = feed.filter((e) => e.type === "donated");
+  const totalTradeAmount = tradeEntries.reduce((sum, e) => sum + (e.reserveAmount ?? 0), 0);
+  const totalDonationAmount = donationEntries.reduce((sum, e) => sum + (e.reserveAmount ?? 0), 0);
+
   const visible = feed.slice(0, visibleCount);
   const hasMore = visibleCount < feed.length;
 
   return (
-    <div className="mt-6">
+    <div className="mt-6 space-y-4">
+      {/* Activity Stats dashboard */}
+      <p className="text-muted text-[10px] uppercase tracking-wider">Activity Stats</p>
+      <div className="border-border rounded border px-4 py-3 text-xs">
+        <div className="grid grid-cols-2 sm:grid-cols-4 gap-2">
+          <div className="border-border rounded border px-2 py-1.5 text-center">
+            <div className="text-foreground text-sm font-bold">{tradeEntries.length}</div>
+            <div className="text-muted text-[9px]">Trades</div>
+          </div>
+          <div className="border-border rounded border px-2 py-1.5 text-center">
+            <div className="text-foreground text-sm font-bold">{totalTradeAmount > 0 ? formatPrice(totalTradeAmount) : "—"}</div>
+            <div className="text-muted text-[9px]">Trade Vol ({RESERVE_LABEL})</div>
+          </div>
+          <div className="border-border rounded border px-2 py-1.5 text-center">
+            <div className="text-foreground text-sm font-bold">{donationEntries.length}</div>
+            <div className="text-muted text-[9px]">Donations</div>
+          </div>
+          <div className="border-border rounded border px-2 py-1.5 text-center">
+            <div className="text-foreground text-sm font-bold">{totalDonationAmount > 0 ? formatPrice(totalDonationAmount) : "—"}</div>
+            <div className="text-muted text-[9px]">Donated ({RESERVE_LABEL})</div>
+          </div>
+        </div>
+      </div>
+
       <div className="space-y-1.5">
         {visible.map((entry, i) => (
           <FeedRow key={`${entry.type}-${entry.timestamp}-${i}`} entry={entry} plotUsd={plotUsd} />