refactor ChapterList (#125)

* Refactor to move all the Data fetch logic for chapters to seperate Hook called useChapterFetch

* Bug fix: No Chapters found Toast

src/components/chapter/useFetchChapters.ts

@@ -0,0 +1,39 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+import { useState, useCallback, useEffect } from 'react';
+import client from 'util/client';
+
+export default function useChaptersFetch(id: string): [IChapter[], () => void, boolean] {
+    const [chapters, setChapters] = useState<IChapter[]>([]);
+    const [noChaptersFound, setNoChaptersFound] = useState(false);
+    const [chapterUpdateTriggerer, setChapterUpdateTriggerer] = useState(0);
+    const [fetchedOnline, setFetchedOnline] = useState(false);
+    const [fetchedOffline, setFetchedOffline] = useState(false);
+
+    const triggerChaptersUpdate = useCallback(() => setChapterUpdateTriggerer((prev) => prev + 1),
+        []);
+
+    useEffect(() => {
+        const shouldFetchOnline = fetchedOffline && !fetchedOnline;
+
+        client.get(`/api/v1/manga/${id}/chapters?onlineFetch=${shouldFetchOnline}`)
+            .then((response) => response.data)
+            .then((data) => {
+                if (data.length === 0 && fetchedOffline) {
+                    setNoChaptersFound(true);
+                }
+                setChapters(data);
+            })
+            .then(() => {
+                if (shouldFetchOnline) {
+                    setFetchedOnline(true);
+                } else setFetchedOffline(true);
+            });
+    }, [fetchedOnline, fetchedOffline, chapterUpdateTriggerer]);
+
+    return [chapters, triggerChaptersUpdate, noChaptersFound];
+}