From 9e56cb866fca10a6a8ccd609ff3bf3b4319dd215 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Wed, 11 Dec 2024 21:10:54 +0000
Subject: [PATCH] use <Plural>

---
 src/screens/Profile/ProfileFollowers.tsx | 12 ++++++------
 src/screens/Profile/ProfileFollows.tsx   | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/screens/Profile/ProfileFollowers.tsx b/src/screens/Profile/ProfileFollowers.tsx
index ec31e77af1..25c2adb186 100644
--- a/src/screens/Profile/ProfileFollowers.tsx
+++ b/src/screens/Profile/ProfileFollowers.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
-import {Trans} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
+import {Plural} from '@lingui/macro'
 import {useFocusEffect} from '@react-navigation/native'
 
 import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types'
@@ -15,7 +14,6 @@ type Props = NativeStackScreenProps<CommonNavigatorParams, 'ProfileFollowers'>
 export const ProfileFollowersScreen = ({route}: Props) => {
   const {name} = route.params
   const setMinimalShellMode = useSetMinimalShellMode()
-  const {i18n} = useLingui()
 
   const {data: resolvedDid} = useResolveDidQuery(name)
   const {data: profile} = useProfileQuery({
@@ -39,9 +37,11 @@ export const ProfileFollowersScreen = ({route}: Props) => {
                 {sanitizeDisplayName(profile.displayName || profile.handle)}
               </Layout.Header.TitleText>
               <Layout.Header.SubtitleText>
-                <Trans>
-                  {i18n.number(profile.followersCount ?? 0)} followers
-                </Trans>
+                <Plural
+                  value={profile.followersCount ?? 0}
+                  one="# follower"
+                  other="# followers"
+                />
               </Layout.Header.SubtitleText>
             </>
           )}
diff --git a/src/screens/Profile/ProfileFollows.tsx b/src/screens/Profile/ProfileFollows.tsx
index a59189329c..a0b6127958 100644
--- a/src/screens/Profile/ProfileFollows.tsx
+++ b/src/screens/Profile/ProfileFollows.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
-import {Trans} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
+import {Plural} from '@lingui/macro'
 import {useFocusEffect} from '@react-navigation/native'
 
 import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types'
@@ -15,7 +14,6 @@ type Props = NativeStackScreenProps<CommonNavigatorParams, 'ProfileFollows'>
 export const ProfileFollowsScreen = ({route}: Props) => {
   const {name} = route.params
   const setMinimalShellMode = useSetMinimalShellMode()
-  const {i18n} = useLingui()
 
   const {data: resolvedDid} = useResolveDidQuery(name)
   const {data: profile} = useProfileQuery({
@@ -39,9 +37,11 @@ export const ProfileFollowsScreen = ({route}: Props) => {
                 {sanitizeDisplayName(profile.displayName || profile.handle)}
               </Layout.Header.TitleText>
               <Layout.Header.SubtitleText>
-                <Trans>
-                  {i18n.number(profile.followsCount ?? 0)} following
-                </Trans>
+                <Plural
+                  value={profile.followersCount ?? 0}
+                  one="# following"
+                  other="# following"
+                />
               </Layout.Header.SubtitleText>
             </>
           )}