ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Handle request error in Updates

Browse Source
This commit is contained in:
schroda
2024-05-05 00:50:15 +02:00
parent 7e414202f1
commit 129e6171a5
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/screens/Updates.tsx
View File

@@ -32,6 +32,7 @@ import { StyledGroupItemWrapper } from '@/components/virtuoso/StyledGroupItemWra
import { Mangas } from '@/lib/data/Mangas.ts'; import { Mangas } from '@/lib/data/Mangas.ts';
import { SpinnerImage } from '@/components/util/SpinnerImage.tsx'; import { SpinnerImage } from '@/components/util/SpinnerImage.tsx';
import { dateTimeFormatter, epochToDate, getDateString } from '@/util/date.ts'; import { dateTimeFormatter, epochToDate, getDateString } from '@/util/date.ts';
import { defaultPromiseErrorHandler } from '@/util/defaultPromiseErrorHandler.ts';
const groupByDate = (updates: TChapter[]): [date: string, items: number][] => { const groupByDate = (updates: TChapter[]): [date: string, items: number][] => {
if (!updates.length) { if (!updates.length) {
@@ -55,7 +56,9 @@ export const Updates: React.FC = () => {
const { const {
data: chapterUpdateData, data: chapterUpdateData,
loading: isLoading, loading: isLoading,
error,
fetchMore, fetchMore,
refetch,
} = requestManager.useGetRecentlyUpdatedChapters(undefined, { } = requestManager.useGetRecentlyUpdatedChapters(undefined, {
fetchPolicy: 'cache-and-network', fetchPolicy: 'cache-and-network',
notifyOnNetworkStatusChange: true, notifyOnNetworkStatusChange: true,
@@ -112,6 +115,16 @@ export const Updates: React.FC = () => {
fetchMore({ variables: { offset: updateEntries.length } }); fetchMore({ variables: { offset: updateEntries.length } });
}, [hasNextPage, endCursor]); }, [hasNextPage, endCursor]);
if (error) {
return (
<EmptyViewAbsoluteCentered
message={t('global.error.label.failed_to_load_data')}
messageExtra={error.message}
retry={() => refetch().catch(defaultPromiseErrorHandler('Updates::refetch'))}
/>
);
}
if (!isLoading && updateEntries.length === 0) { if (!isLoading && updateEntries.length === 0) {
return <EmptyViewAbsoluteCentered message={t('updates.error.label.no_updates_available')} />; return <EmptyViewAbsoluteCentered message={t('updates.error.label.no_updates_available')} />;
} }