temple/Suwayomi-Server
1
0
Fork 0
mirror of https://github.com/Suwayomi/Suwayomi-Server.git synced 2026-07-04 03:14:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

MangaDetails component improved drastically

Browse Source
This commit is contained in:
Aria Moradi
2021-03-17 19:17:03 +03:30
parent 149107e749
commit 26cc2f2c96
8 changed files with 230 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
webUI/react/src/screens/Manga.tsx
View File

@@ -10,13 +10,12 @@ import NavbarContext from '../context/NavbarContext';
import client from '../util/client';
export default function Manga() {
const { setTitle, setAction } = useContext(NavbarContext);
useEffect(() => { setTitle('Manga'); setAction(<></>); }, []);
const { setTitle } = useContext(NavbarContext);
useEffect(() => { setTitle('Manga'); }, []); // delegate setting topbar action to MangaDetails
const { id } = useParams<{id: string}>();
const [manga, setManga] = useState<IManga>();
const [source, setSource] = useState<ISource>();
const [chapters, setChapters] = useState<IChapter[]>([]);
useEffect(() => {
@@ -28,16 +27,6 @@ export default function Manga() {
});
}, []);
useEffect(() => {
if (manga !== undefined) {
client.get(`/api/v1/source/${manga.sourceId}`)
.then((response) => response.data)
.then((data: ISource) => {
setSource(data);
});
}
}, [manga]);
useEffect(() => {
client.get(`/api/v1/manga/${id}/chapters`)
.then((response) => response.data)
@@ -52,7 +41,7 @@ export default function Manga() {
return (
<>
{(manga && source) && <MangaDetails manga={manga} source={source} />}
{manga && <MangaDetails manga={manga} />}
{chapterCards}
</>
);