diff --git a/src/components/KnownFollowers.tsx b/src/components/KnownFollowers.tsx
index 3d4d362e..a8bdb763 100644
--- a/src/components/KnownFollowers.tsx
+++ b/src/components/KnownFollowers.tsx
@@ -1,7 +1,7 @@
import React from 'react'
import {View} from 'react-native'
import {AppBskyActorDefs, moderateProfile, ModerationOpts} from '@atproto/api'
-import {msg, plural, Trans} from '@lingui/macro'
+import {msg, Plural, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react'
import {makeProfileLink} from '#/lib/routes/links'
@@ -164,31 +164,37 @@ function KnownFollowersInner({
},
]}
numberOfLines={2}>
- Followed by{' '}
{count > 2 ? (
- <>
- {slice.slice(0, 2).map(({profile: prof}, i) => (
-
- {prof.displayName}
- {i === 0 && ', '}
-
- ))}
- {', '}
- {plural(count - 2, {
- one: 'and # other',
- other: 'and # others',
- })}
- >
- ) : count === 2 ? (
- slice.map(({profile: prof}, i) => (
-
- {prof.displayName} {i === 0 ? _(msg`and`) + ' ' : ''}
+
+ Followed by{' '}
+
+ {slice[0].profile.displayName}
- ))
+ ,{' '}
+
+ {slice[1].profile.displayName}
+
+ , and{' '}
+
+
+ ) : count === 2 ? (
+
+ Followed by{' '}
+
+ {slice[0].profile.displayName}
+ {' '}
+ and{' '}
+
+ {slice[1].profile.displayName}
+
+
) : (
-
- {slice[0].profile.displayName}
-
+
+ Followed by{' '}
+
+ {slice[0].profile.displayName}
+
+
)}
>