From 0171c9ecc8db5ce2f96224e7bbd4ec415cd5b925 Mon Sep 17 00:00:00 2001
From: Brooke <me@abcbrookie.com>
Date: Tue, 18 Aug 2026 00:14:13 -0700
Subject: [PATCH] open user stats from handle clicks in the accounts table

---
 web/src/AccountsPanel.tsx | 10 +++++-----
 web/src/style.css         | 10 ++++++++++
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/web/src/AccountsPanel.tsx b/web/src/AccountsPanel.tsx
index 89134c9..ef2d19a 100644
--- a/web/src/AccountsPanel.tsx
+++ b/web/src/AccountsPanel.tsx
@@ -194,14 +194,14 @@ export function AccountsPanel({
           ) : (
             <span className="avatar" aria-hidden="true" />
           )}
-          <a
+          <button
+            type="button"
             className="handle-link"
-            href={`${appviewUrl}/profile/${a.did}`}
-            target="_blank"
-            rel="noopener noreferrer"
+            title={`stats for ${a.handle}`}
+            onClick={() => setStatsDid(a.did)}
           >
             {a.handle}
-          </a>
+          </button>
         </span>
         {(a.labels?.length ?? 0) > 0 && <div className="labels">{a.labels!.join(", ")}</div>}
       </td>
diff --git a/web/src/style.css b/web/src/style.css
index 72a3179..96a959a 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -523,6 +523,16 @@ tr:hover td {
   text-decoration: underline;
 }
 
+/* handle buttons (open the stats modal) look like the handle links */
+button.handle-link {
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+
 .labels {
   color: var(--error);
   font-size: 14px;
-- 
2.51.2