diff --git a/src/components/manga/MangaGrid.tsx b/src/components/manga/MangaGrid.tsx index eabdf59d..efff498a 100644 --- a/src/components/manga/MangaGrid.tsx +++ b/src/components/manga/MangaGrid.tsx @@ -12,6 +12,7 @@ import MangaCard from './MangaCard'; interface IProps{ mangas: IMangaCard[] message?: string + messageExtra?: JSX.Element hasNextPage: boolean lastPageNum: number setLastPageNum: (lastPageNum: number) => void @@ -19,7 +20,7 @@ interface IProps{ export default function MangaGrid(props: IProps) { const { - mangas, message, hasNextPage, lastPageNum, setLastPageNum, + mangas, message, messageExtra, hasNextPage, lastPageNum, setLastPageNum, } = props; let mapped; const lastManga = useRef(null); @@ -40,7 +41,12 @@ export default function MangaGrid(props: IProps) { }, [hasNextPage, mangas]); if (mangas.length === 0) { - mapped =

{message}

; + mapped = ( +
+

{message}

+ {messageExtra} +
+ ); } else { mapped = mangas.map((it, idx) => { if (idx === mangas.length - 1) { @@ -70,4 +76,5 @@ export default function MangaGrid(props: IProps) { MangaGrid.defaultProps = { message: 'loading...', + messageExtra: undefined, }; diff --git a/src/screens/manga/SourceMangas.tsx b/src/screens/manga/SourceMangas.tsx index 2a232382..52653715 100644 --- a/src/screens/manga/SourceMangas.tsx +++ b/src/screens/manga/SourceMangas.tsx @@ -71,7 +71,19 @@ export default function SourceMangas(props: { popular: boolean }) { }, [lastPageNum]); let message; - if (fetched) message = 'No manga was found!'; + let messageExtra; + + if (fetched) { + message = 'No manga was found!'; + if (sourceId === '0') { + messageExtra = ( + <> + Check out + Local source guide + + ); + } + } return ( ); }