Michael Freno
0b4a551744
loadMoreEpisodesForFeed's hot-cache path ran fully synchronously (no await between getFeed and setFeeds), so the isLoadingMore spinner never painted and keyboard input froze through every feed in a loadMoreAllFeeds batch. Add await yieldToUI() before the setFeeds so the renderer gets a macrotask turn to paint and process input between feeds. Drop the "Loading…/Refreshing…/Downloading N" label text from the global activity indicator — render the braille spinner only, per request.
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { Show } from "solid-js";
|
|
import { useFeedStore } from "@/stores/feed";
|
|
import { useSearchStore } from "@/stores/search";
|
|
import { useDownloadStore } from "@/stores/download";
|
|
import { useActivityStore } from "@/stores/activity";
|
|
import { LoadingIndicator } from "@/components/LoadingIndicator";
|
|
|
|
/**
|
|
* GlobalActivityIndicator — one global top-right signal that ANY feed
|
|
* refresh, fetch-more, subscribe fetch, search, or download is in flight.
|
|
* Per-page spinners are unchanged; this overlays the content row and status
|
|
* bar as a single app-wide "something is happening" indicator.
|
|
*/
|
|
export function GlobalActivityIndicator() {
|
|
const feedStore = useFeedStore();
|
|
const searchStore = useSearchStore();
|
|
const downloadStore = useDownloadStore();
|
|
const activity = useActivityStore();
|
|
|
|
/** True while any tracked activity is in flight */
|
|
const isActive = () =>
|
|
feedStore.isLoadingFeeds() ||
|
|
feedStore.isLoadingMore() ||
|
|
searchStore.isSearching() ||
|
|
downloadStore.getActiveCount() + downloadStore.getQueue().length > 0 ||
|
|
activity.isActive();
|
|
|
|
return (
|
|
<Show when={isActive()}>
|
|
<box position="absolute" top={0} right={0} paddingRight={1}>
|
|
<LoadingIndicator />
|
|
</box>
|
|
</Show>
|
|
);
|
|
}
|