about summary refs log tree commit diff
path: root/src/view/screens/SavedFeeds.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/screens/SavedFeeds.tsx')
-rw-r--r--src/view/screens/SavedFeeds.tsx34
1 files changed, 19 insertions, 15 deletions
diff --git a/src/view/screens/SavedFeeds.tsx b/src/view/screens/SavedFeeds.tsx
index e3e50ca24..4928b6745 100644
--- a/src/view/screens/SavedFeeds.tsx
+++ b/src/view/screens/SavedFeeds.tsx
@@ -9,7 +9,6 @@ import {
 import {useFocusEffect} from '@react-navigation/native'
 import {NativeStackScreenProps} from '@react-navigation/native-stack'
 import {useQueryClient} from '@tanstack/react-query'
-
 import {track} from '#/lib/analytics/analytics'
 import {useAnalytics} from 'lib/analytics/analytics'
 import {usePalette} from 'lib/hooks/usePalette'
@@ -27,6 +26,8 @@ import {Haptics} from 'lib/haptics'
 import {TextLink} from 'view/com/util/Link'
 import {logger} from '#/logger'
 import {useSetMinimalShellMode} from '#/state/shell'
+import {Trans, msg} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
 import {
   usePreferencesQuery,
   usePinFeedMutation,
@@ -52,6 +53,7 @@ const HITSLOP_BOTTOM = {
 type Props = NativeStackScreenProps<CommonNavigatorParams, 'SavedFeeds'>
 export const SavedFeeds = withAuthRequired(function SavedFeedsImpl({}: Props) {
   const pal = usePalette('default')
+  const {_} = useLingui()
   const {isMobile, isTabletOrDesktop} = useWebMediaQueries()
   const {screen} = useAnalytics()
   const setMinimalShellMode = useSetMinimalShellMode()
@@ -71,11 +73,11 @@ export const SavedFeeds = withAuthRequired(function SavedFeedsImpl({}: Props) {
         pal.border,
         isTabletOrDesktop && styles.desktopContainer,
       ]}>
-      <ViewHeader title="Edit My Feeds" showOnDesktop showBorder />
+      <ViewHeader title={_(msg`Edit My Feeds`)} showOnDesktop showBorder />
       <ScrollView style={s.flex1}>
         <View style={[pal.text, pal.border, styles.title]}>
           <Text type="title" style={pal.text}>
-            Pinned Feeds
+            <Trans>Pinned Feeds</Trans>
           </Text>
         </View>
         {preferences?.feeds ? (
@@ -88,7 +90,7 @@ export const SavedFeeds = withAuthRequired(function SavedFeedsImpl({}: Props) {
                 styles.empty,
               ]}>
               <Text type="lg" style={[pal.text]}>
-                You don't have any pinned feeds.
+                <Trans>You don't have any pinned feeds.</Trans>
               </Text>
             </View>
           ) : (
@@ -101,7 +103,7 @@ export const SavedFeeds = withAuthRequired(function SavedFeedsImpl({}: Props) {
         )}
         <View style={[pal.text, pal.border, styles.title]}>
           <Text type="title" style={pal.text}>
-            Saved Feeds
+            <Trans>Saved Feeds</Trans>
           </Text>
         </View>
         {preferences?.feeds ? (
@@ -114,7 +116,7 @@ export const SavedFeeds = withAuthRequired(function SavedFeedsImpl({}: Props) {
                 styles.empty,
               ]}>
               <Text type="lg" style={[pal.text]}>
-                You don't have any saved feeds.
+                <Trans>You don't have any saved feeds.</Trans>
               </Text>
             </View>
           ) : (
@@ -128,15 +130,17 @@ export const SavedFeeds = withAuthRequired(function SavedFeedsImpl({}: Props) {
 
         <View style={styles.footerText}>
           <Text type="sm" style={pal.textLight}>
-            Feeds are custom algorithms that users build with a little coding
-            expertise.{' '}
-            <TextLink
-              type="sm"
-              style={pal.link}
-              href="https://github.com/bluesky-social/feed-generator"
-              text="See this guide"
-            />{' '}
-            for more information.
+            <Trans>
+              Feeds are custom algorithms that users build with a little coding
+              expertise.{' '}
+              <TextLink
+                type="sm"
+                style={pal.link}
+                href="https://github.com/bluesky-social/feed-generator"
+                text="See this guide"
+              />{' '}
+              for more information.
+            </Trans>
           </Text>
         </View>
         <View style={{height: 100}} />