acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

use <Plural>

Browse Source
This commit is contained in:
Samuel Newman
2024-12-11 21:10:54 +00:00
parent 15517ba5ec
commit 9e56cb866f
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Profile/ProfileFollowers.tsx
+6 -6
View File
@@ -1,6 +1,5 @@
import React from 'react' import React from 'react'
import {Trans} from '@lingui/macro' import {Plural} from '@lingui/macro'
import {useLingui} from '@lingui/react'
import {useFocusEffect} from '@react-navigation/native' import {useFocusEffect} from '@react-navigation/native'
import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types'
@@ -15,7 +14,6 @@ type Props = NativeStackScreenProps<CommonNavigatorParams, 'ProfileFollowers'>
export const ProfileFollowersScreen = ({route}: Props) => { export const ProfileFollowersScreen = ({route}: Props) => {
const {name} = route.params const {name} = route.params
const setMinimalShellMode = useSetMinimalShellMode() const setMinimalShellMode = useSetMinimalShellMode()
const {i18n} = useLingui()
const {data: resolvedDid} = useResolveDidQuery(name) const {data: resolvedDid} = useResolveDidQuery(name)
const {data: profile} = useProfileQuery({ const {data: profile} = useProfileQuery({
@@ -39,9 +37,11 @@ export const ProfileFollowersScreen = ({route}: Props) => {
{sanitizeDisplayName(profile.displayName || profile.handle)} {sanitizeDisplayName(profile.displayName || profile.handle)}
</Layout.Header.TitleText> </Layout.Header.TitleText>
<Layout.Header.SubtitleText> <Layout.Header.SubtitleText>
<Trans> <Plural
{i18n.number(profile.followersCount ?? 0)} followers value={profile.followersCount ?? 0}
</Trans> one="# follower"
other="# followers"
/>
</Layout.Header.SubtitleText> </Layout.Header.SubtitleText>
</> </>
)} )}
src/screens/Profile/ProfileFollows.tsx
+6 -6
View File
@@ -1,6 +1,5 @@
import React from 'react' import React from 'react'
import {Trans} from '@lingui/macro' import {Plural} from '@lingui/macro'
import {useLingui} from '@lingui/react'
import {useFocusEffect} from '@react-navigation/native' import {useFocusEffect} from '@react-navigation/native'
import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types'
@@ -15,7 +14,6 @@ type Props = NativeStackScreenProps<CommonNavigatorParams, 'ProfileFollows'>
export const ProfileFollowsScreen = ({route}: Props) => { export const ProfileFollowsScreen = ({route}: Props) => {
const {name} = route.params const {name} = route.params
const setMinimalShellMode = useSetMinimalShellMode() const setMinimalShellMode = useSetMinimalShellMode()
const {i18n} = useLingui()
const {data: resolvedDid} = useResolveDidQuery(name) const {data: resolvedDid} = useResolveDidQuery(name)
const {data: profile} = useProfileQuery({ const {data: profile} = useProfileQuery({
@@ -39,9 +37,11 @@ export const ProfileFollowsScreen = ({route}: Props) => {
{sanitizeDisplayName(profile.displayName || profile.handle)} {sanitizeDisplayName(profile.displayName || profile.handle)}
</Layout.Header.TitleText> </Layout.Header.TitleText>
<Layout.Header.SubtitleText> <Layout.Header.SubtitleText>
<Trans> <Plural
{i18n.number(profile.followsCount ?? 0)} following value={profile.followersCount ?? 0}
</Trans> one="# following"
other="# following"
/>
</Layout.Header.SubtitleText> </Layout.Header.SubtitleText>
</> </>
)} )}