From bc5ea622257ba9090a720a7d35f04b958de06ef1 Mon Sep 17 00:00:00 2001
From: Minseo Lee <itoupluk427@gmail.com>
Date: Wed, 8 May 2024 13:42:37 +0900
Subject: [PATCH] Update FeedItem.tsx

---
 src/view/com/notifications/FeedItem.tsx | 47 ++++++++++++-------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx
index c20a8e9ee3..0a521e40ee 100644
--- a/src/view/com/notifications/FeedItem.tsx
+++ b/src/view/com/notifications/FeedItem.tsx
@@ -220,30 +220,29 @@ let FeedItem = ({
           />
           <ExpandedAuthorsList visible={isAuthorsExpanded} authors={authors} />
           <Text style={styles.meta}>
-            <TextLink
-              key={authors[0].href}
-              style={[pal.text, s.bold]}
-              href={authors[0].href}
-              text={sanitizeDisplayName(
-                authors[0].profile.displayName || authors[0].profile.handle,
-              )}
-              disableMismatchWarning
-            />
-            {authors.length > 1 ? (
-              <>
-                <Text style={[pal.text, s.mr5, s.ml5]}>
-                  {' '}
-                  <Trans>and</Trans>{' '}
-                </Text>
-                <Text style={[pal.text, s.bold]}>
-                  {plural(authors.length - 1, {
-                    one: `${formattedCount} other`,
-                    other: `${formattedCount} others`,
-                  })}
-                </Text>
-              </>
-            ) : undefined}
-            <Text style={[pal.text]}> {action}</Text>
+            <Trans>
+              <TextLink
+                key={authors[0].href}
+                style={[pal.text, s.bold]}
+                href={authors[0].href}
+                text={sanitizeDisplayName(
+                  authors[0].profile.displayName || authors[0].profile.handle,
+                )}
+                disableMismatchWarning
+              />
+              {authors.length > 1 ? (
+                <Trans>
+                  <Text style={[pal.text]}> and </Text>
+                  <Text style={[pal.text, s.bold]}>
+                    {plural(authors.length - 1, {
+                      one: `${formattedCount} other`,
+                      other: `${formattedCount} others`,
+                    })}
+                  </Text>
+                </Trans>
+              ) : undefined}
+              <Text style={[pal.text]}> {action}</Text>
+            </Trans>
             <TimeElapsed timestamp={item.notification.indexedAt}>
               {({timeElapsed}) => (
                 <Text