diff --git a/apps/mobile/src/components/layouts/header/NavigationHeader.tsx b/apps/mobile/src/components/layouts/header/NavigationHeader.tsx index bf23e3a29..664a17f00 100644 --- a/apps/mobile/src/components/layouts/header/NavigationHeader.tsx +++ b/apps/mobile/src/components/layouts/header/NavigationHeader.tsx @@ -334,7 +334,7 @@ export const InternalNavigationHeader = ({ {/* Only show loading indicator when headerTitle is not absolute */} {!headerTitleAbsolute && isLoading && ( diff --git a/apps/mobile/src/modules/context-menu/feeds.tsx b/apps/mobile/src/modules/context-menu/feeds.tsx index defe982b9..7f87f9626 100644 --- a/apps/mobile/src/modules/context-menu/feeds.tsx +++ b/apps/mobile/src/modules/context-menu/feeds.tsx @@ -9,6 +9,7 @@ import type { ListRenderItemInfo } from "react-native" import { Alert, FlatList, View } from "react-native" import { ContextMenu } from "@/src/components/ui/context-menu" +import { PlatformActivityIndicator } from "@/src/components/ui/loading/PlatformActivityIndicator" import { views } from "@/src/constants/views" import { useNavigation } from "@/src/lib/navigation/hooks" import type { Navigation } from "@/src/lib/navigation/Navigation" @@ -322,7 +323,7 @@ export const SubscriptionFeedCategoryContextMenu = ({ const PreviewFeeds = (props: { id: string; view: FeedViewType }) => { const { id: feedId } = props const entryIds = useEntryIdsByFeedId(feedId) - usePrefetchEntries({ feedId, limit: 5 }) + const { isLoading } = usePrefetchEntries({ feedId, limit: 5 }) const renderItem = useCallback( ({ item: id }: ListRenderItemInfo) => ( @@ -332,6 +333,9 @@ const PreviewFeeds = (props: { id: string; view: FeedViewType }) => { ) return ( + {isLoading && !entryIds?.length && ( + + )} entryIds?.slice(0, 5), [entryIds])}