From 10fa537a56193294c665bc7ca2a96acc7ca60c8b Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 16 Jul 2023 10:36:33 +0800
Subject: [PATCH] Make instance text wrap on its own

---
 src/components/name-text.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/name-text.jsx b/src/components/name-text.jsx
index f994518d..5c5566ff 100644
--- a/src/components/name-text.jsx
+++ b/src/components/name-text.jsx
@@ -17,6 +17,7 @@ function NameText({
   const { acct, avatar, avatarStatic, id, url, displayName, emojis, bot } =
     account;
   let { username } = account;
+  const [_, acct1, acct2] = acct.match(/([^@]+)(@.+)/i) || [, acct];
 
   const trimmedUsername = username.toLowerCase().trim();
   const trimmedDisplayName = (displayName || '').toLowerCase().trim();
@@ -74,7 +75,10 @@ function NameText({
       {showAcct && (
         <>
           <br />
-          <i>@{acct}</i>
+          <i>
+            @{acct1}
+            <span class="ib">{acct2}</span>
+          </i>
         </>
       )}
     </a>