Merge 5e5069f2b7 into 0725afe1a9

Copy username and instance easily
2025-11-27 18:10:58 +00:00 · 2025-11-25 15:05:43 +00:00 · 2025-10-13 00:23:56 +02:00
1 changed files with 18 additions and 1 deletions
--- a/app/javascript/mastodon/features/account_timeline/components/account_header.tsx
+++ b/app/javascript/mastodon/features/account_timeline/components/account_header.tsx
@ -369,6 +369,19 @@ export const AccountHeader: React.FC<{
    });
  }, [account]);

+  const handleCopyUsername = useCallback(() => {
+    if (!account) {
+      return;
+    }
+  
+    const isLocal = !account.acct.includes('@');
+    const username = account.acct.split('@')[0];
+    const domain = isLocal ? localDomain : account.acct.split('@')[1];
+    const fullHandle = `@${username}@${domain}`;
+    
+    void navigator.clipboard.writeText(fullHandle);
+  }, [account]);
+
  const suspended = account?.suspended;
  const isRemote = account?.acct !== account?.username;
  const remoteDomain = isRemote ? account?.acct.split('@')[1] : null;
@ -820,7 +833,11 @@ export const AccountHeader: React.FC<{
            <h1>
              <DisplayName account={account} variant='simple' />
              <small>
-                <span>
+                <span 
+                  onClick={handleCopyUsername}
+                  style={{ cursor: 'pointer' }}
+                  title={`Click to copy @${username}@${domain}`}
+                >
                  @{username}
                  <span className='invisible'>@{domain}</span>
                </span>
Author	SHA1	Message	Date
Domink Braun	7d65c5827c	Merge `5e5069f2b7` into `0725afe1a9`	2025-11-25 15:05:43 +00:00
Dominik Braun	5e5069f2b7	Copy username and instance easily	2025-10-13 00:23:56 +02:00