diff --git a/webUI/react/src/screens/Manga.tsx b/webUI/react/src/screens/Manga.tsx index b6959d47cd..0b5ee60df0 100644 --- a/webUI/react/src/screens/Manga.tsx +++ b/webUI/react/src/screens/Manga.tsx @@ -44,10 +44,6 @@ const useStyles = makeStyles((theme: Theme) => ({ }, })); -// const InnerItem = React.memo(({ chapters, index }: any) => ( -// -// )); - export default function Manga() { const classes = useStyles(); const theme = useTheme(); @@ -60,6 +56,7 @@ export default function Manga() { const [manga, setManga] = useState(); const [chapters, setChapters] = useState([]); const [fetchedChapters, setFetchedChapters] = useState(false); + const [noChaptersFound, setNoChaptersFound] = useState(false); const [chapterUpdateTriggerer, setChapterUpdateTriggerer] = useState(0); function triggerChaptersUpdate() { @@ -84,20 +81,13 @@ export default function Manga() { .then((data) => { if (data.length === 0 && fetchedChapters) { makeToast('No chapters found', 'warning'); + setNoChaptersFound(true); } setChapters(data); }) .then(() => setFetchedChapters(true)); }, [chapters.length, fetchedChapters, chapterUpdateTriggerer]); - // const itemContent = (index:any) => ; - const itemContent = (index:any) => ( - - ); - return (
0 || fetchedChapters} + shouldRender={chapters.length > 0 || noChaptersFound} > ( + + )} useWindowScroll={window.innerWidth < 960} overscan={window.innerHeight * 0.5} />