diff options
-rw-r--r-- | src/components/LikedByList.tsx | 1 | ||||
-rw-r--r-- | src/view/com/post-thread/PostLikedBy.tsx | 9 | ||||
-rw-r--r-- | src/view/com/post-thread/PostQuotes.tsx | 8 | ||||
-rw-r--r-- | src/view/com/post-thread/PostRepostedBy.tsx | 9 |
4 files changed, 26 insertions, 1 deletions
diff --git a/src/components/LikedByList.tsx b/src/components/LikedByList.tsx index 239a7044f..0106a5618 100644 --- a/src/components/LikedByList.tsx +++ b/src/components/LikedByList.tsx @@ -75,6 +75,7 @@ export function LikedByList({uri}: {uri: string}) { isLoading={isUriLoading || isLikedByLoading} isError={isError} emptyType="results" + emptyTitle={_(msg`No likes yet`)} emptyMessage={_( msg`Nobody has liked this yet. Maybe you should be the first!`, )} diff --git a/src/view/com/post-thread/PostLikedBy.tsx b/src/view/com/post-thread/PostLikedBy.tsx index 4c5bdf1a5..bea105744 100644 --- a/src/view/com/post-thread/PostLikedBy.tsx +++ b/src/view/com/post-thread/PostLikedBy.tsx @@ -1,5 +1,7 @@ import React, {useCallback, useMemo, useState} from 'react' import {AppBskyFeedGetLikes as GetLikes} from '@atproto/api' +import {msg} from '@lingui/macro' +import {useLingui} from '@lingui/react' import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' @@ -26,6 +28,7 @@ function keyExtractor(item: GetLikes.Like) { } export function PostLikedBy({uri}: {uri: string}) { + const {_} = useLingui() const initialNumToRender = useInitialNumToRender() const [isPTRing, setIsPTRing] = useState(false) @@ -78,6 +81,12 @@ export function PostLikedBy({uri}: {uri: string}) { <ListMaybePlaceholder isLoading={isLoadingUri || isLoadingLikes} isError={isError} + emptyType="results" + emptyTitle={_(msg`No likes yet`)} + emptyMessage={_( + msg`Nobody has liked this yet. Maybe you should be the first!`, + )} + errorMessage={cleanError(resolveError || error)} sideBorders={false} /> ) diff --git a/src/view/com/post-thread/PostQuotes.tsx b/src/view/com/post-thread/PostQuotes.tsx index 48c8a69ef..6115ae584 100644 --- a/src/view/com/post-thread/PostQuotes.tsx +++ b/src/view/com/post-thread/PostQuotes.tsx @@ -97,11 +97,17 @@ export function PostQuotes({uri}: {uri: string}) { } }, [isFetchingNextPage, hasNextPage, isError, fetchNextPage]) - if (isLoadingUri || isLoadingQuotes || isError) { + if (quotes.length < 1) { return ( <ListMaybePlaceholder isLoading={isLoadingUri || isLoadingQuotes} isError={isError} + emptyType="results" + emptyTitle={_(msg`No quotes yet`)} + emptyMessage={_( + msg`Nobody has quoted this yet. Maybe you should be the first!`, + )} + errorMessage={cleanError(resolveError || error)} sideBorders={false} /> ) diff --git a/src/view/com/post-thread/PostRepostedBy.tsx b/src/view/com/post-thread/PostRepostedBy.tsx index aeba9a34d..68606b1a5 100644 --- a/src/view/com/post-thread/PostRepostedBy.tsx +++ b/src/view/com/post-thread/PostRepostedBy.tsx @@ -1,5 +1,7 @@ import React, {useCallback, useMemo, useState} from 'react' import {AppBskyActorDefs as ActorDefs} from '@atproto/api' +import {msg} from '@lingui/macro' +import {useLingui} from '@lingui/react' import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' @@ -19,6 +21,7 @@ function keyExtractor(item: ActorDefs.ProfileViewBasic) { } export function PostRepostedBy({uri}: {uri: string}) { + const {_} = useLingui() const initialNumToRender = useInitialNumToRender() const [isPTRing, setIsPTRing] = useState(false) @@ -71,6 +74,12 @@ export function PostRepostedBy({uri}: {uri: string}) { <ListMaybePlaceholder isLoading={isLoadingUri || isLoadingRepostedBy} isError={isError} + emptyType="results" + emptyTitle={_(msg`No reposts yet`)} + emptyMessage={_( + msg`Nobody has reposted this yet. Maybe you should be the first!`, + )} + errorMessage={cleanError(resolveError || error)} sideBorders={false} /> ) |