diff --git a/src/components/modules/StatModule.tsx b/src/components/modules/StatModule.tsx index c81ab6c..80ab8a4 100644 --- a/src/components/modules/StatModule.tsx +++ b/src/components/modules/StatModule.tsx @@ -17,15 +17,9 @@ type ContentObject = { }; export default function StatModule() { - const [show, setShow] = useState(null); - const [game, setGame] = useState(null); - const [book, setBook] = useState(null); + const [data, setData] = useState(null); - const [failedFetch, setFailedFetch] = useState({ - tv: false, - book: false, - game: false, - }); + const [failedFetch, setFailedFetch] = useState(false); const ErrorState = () => { return ( @@ -37,178 +31,52 @@ export default function StatModule() { }; useEffect(() => { - async function fetchTV() { + async function fetchData() { const response = await fetch( - "https://api.alexav.gg/v4/tracker/items?type=TV&sort=desc&limit=1&started=true" + "https://api.alexav.gg/v4/tracker/items?sort=desc&limit=3&started=true", ); if (response.ok) { const data = await response.json(); if (data && data.length <= 0) { - setFailedFetch((prev) => { - return { - ...prev, - tv: true, - }; - }); - } else setShow(data.data[0] as ContentObject); - } else - setFailedFetch((prev) => { - return { - ...prev, - tv: true, - }; - }); - } - async function fetchBook() { - const response = await fetch( - "https://api.alexav.gg/v4/tracker/items?type=BOOK&sort=desc&limit=1&started=true" - ); - if (response.ok) { - const data = await response.json(); - if (data && data.length <= 0) { - setFailedFetch((prev) => { - return { - ...prev, - book: true, - }; - }); - } else setBook(data.data[0] as ContentObject); - } else - setFailedFetch((prev) => { - return { - ...prev, - book: true, - }; - }); - } - async function fetchGame() { - const response = await fetch( - "https://api.alexav.gg/v4/tracker/items?type=GAME&sort=desc&limit=1&started=true" - ); - if (response.ok) { - const data = await response.json(); - if (data && data.length <= 0) { - setFailedFetch((prev) => { - return { - ...prev, - game: true, - }; - }); - } else setGame(data.data[0] as ContentObject); - } else - setFailedFetch((prev) => { - return { - ...prev, - game: true, - }; - }); + setFailedFetch(true); + } else setData(data.data as ContentObject[]); + } else setFailedFetch(true); } - fetchTV(); - fetchBook(); - fetchGame(); + fetchData(); }, []); return ( ); - - // if (show) { - // return ( - //
- //
- // ); - // } else { - // if (failedFetch) { - // return ( - //
- //

failed to get show :(

- //
- // ); - // } else { - // return ( - //
- //

loading show..

- //
- // ); - // } - // } } diff --git a/src/pages/App.tsx b/src/pages/App.tsx index 7c27ccd..9879c70 100644 --- a/src/pages/App.tsx +++ b/src/pages/App.tsx @@ -5,7 +5,6 @@ import GameComponent from "../components/info/GameComponent"; import PictureCarousel from "../components/modules/PictureCarousel"; import InfoModule from "../components/modules/InfoModule"; import WelcomeModule from "../components/modules/WelcomeModule"; -import FantasyStatus from "../components/FantasyStatus"; import ScoreModule from "../components/modules/ScoreModule"; import StatModule from "../components/modules/StatModule"; @@ -43,7 +42,7 @@ export default function App() { setSelectedImage(url)} /> - + {/* */}