fix the ugliness of bare messages

- replace "loading..." messages with LoadingPlaceholder
- Use EmptyView where appropriate
This commit is contained in:
Aria Moradi
2021-10-24 22:56:10 +03:30
parent d24de2a571
commit 58c44c156c
11 changed files with 119 additions and 35 deletions

View File

@@ -16,6 +16,7 @@ import useLocalStorage from 'util/useLocalStorage';
import LangSelect from 'components/manga/LangSelect';
import { extensionDefaultLangs, langCodeToName, langSortCmp } from 'util/language';
import { makeToaster } from 'components/Toast';
import LoadingPlaceholder from 'components/LoadingPlaceholder';
const allLangs: string[] = [];
@@ -145,7 +146,7 @@ export default function MangaExtensions() {
}, [extensions]); // useEffect only after <input> renders
if (Object.entries(extensions).length === 0) {
return <h3>loading...</h3>;
return <LoadingPlaceholder />;
}
const groupsToShow = ['updates pending', 'installed', ...shownLangs];
return (