diff --git a/src/view/com/lists/MyLists.tsx b/src/view/com/lists/MyLists.tsx
index deac87dca2..5f94946e8b 100644
--- a/src/view/com/lists/MyLists.tsx
+++ b/src/view/com/lists/MyLists.tsx
@@ -8,7 +8,8 @@ import {
ViewStyle,
} from 'react-native'
import {AppBskyGraphDefs as GraphDefs} from '@atproto/api'
-import {Trans} from '@lingui/macro'
+import {msg} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
import {usePalette} from '#/lib/hooks/usePalette'
import {cleanError} from '#/lib/strings/errors'
@@ -42,6 +43,7 @@ export function MyLists({
}) {
const pal = usePalette('default')
const t = useTheme()
+ const {_} = useLingui()
const moderationOpts = useModerationOpts()
const [isPTRing, setIsPTRing] = React.useState(false)
const {data, isFetching, isFetched, isError, error, refetch} =
@@ -63,6 +65,23 @@ export function MyLists({
return items
}, [isError, isEmpty, isFetched, isFetching, moderationOpts, data])
+ let emptyText
+ switch (filter) {
+ case 'curate':
+ emptyText = _(
+ msg`Public, sharable lists which can be used to drive feeds.`,
+ )
+ break
+ case 'mod':
+ emptyText = _(
+ msg`Public, sharable lists of users to mute or block in bulk.`,
+ )
+ break
+ default:
+ emptyText = _(msg`You have no lists.`)
+ break
+ }
+
// events
// =
@@ -108,16 +127,7 @@ export function MyLists({
maxWidth: 200,
},
]}>
- {filter === 'curate' && (
-
- Public, sharable lists which can be used to drive feeds.
-
- )}
- {filter === 'mod' && (
-
- Public, sharable lists of users to mute or block in bulk.
-
- )}
+ {emptyText}
)
@@ -149,7 +159,7 @@ export function MyLists({
)
},
- [t, renderItem, error, onRefresh, filter],
+ [t, renderItem, error, onRefresh, emptyText],
)
if (inline) {