alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show recent content

Browse Source
This commit is contained in:
Alex Frantz
2026-01-27 21:16:58 -05:00
parent ed3e81906e
commit 39fe315870
2 changed files with 36 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/modules/StatModule.tsx
+35 -167
View File
@@ -17,15 +17,9 @@ type ContentObject = {
};
export default function StatModule() {
const [show, setShow] = useState<ContentObject | null>(null);
const [game, setGame] = useState<ContentObject | null>(null);
const [book, setBook] = useState<ContentObject | null>(null);
const [data, setData] = useState<ContentObject[] | null>(null);
const [failedFetch, setFailedFetch] = useState({
tv: false,
book: false,
game: false,
});
const [failedFetch, setFailedFetch] = useState<boolean>(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 (
<div className="border border-white border-solid rounded-lg w-full mb-4">
<div className="grid grid-cols-3 gap-2">
{!failedFetch.tv ? (
<div className="text-center p-2 space-y-2">
<img
src={show?.image}
className="object-cover w-full h-[50px] object-top"
/>
<a
className="hover:underline"
href={`https://tracker.alexav.gg/info/${show?.id}`}
target="_blank"
>
<h1 className="font-semibold">{show?.title}</h1>
<p>
{" "}
{show?.finished
? "finished"
: show?.paused
? "paused"
: show?.episode}
</p>
</a>
</div>
) : (
<ErrorState />
)}
{!failedFetch.game ? (
<div className="text-center p-2 space-y-2">
<img
src={game?.image}
className="object-cover w-full h-[50px] object-top"
/>
<a
className="hover:underline"
href={`https://tracker.alexav.gg/info/${game?.id}`}
target="_blank"
>
<h1 className="font-semibold">{game?.title}</h1>
<p>
{" "}
{game?.finished
? "finished"
: game?.paused
? "paused"
: game?.episode}
</p>
</a>
</div>
) : (
<ErrorState />
)}
{!failedFetch.book ? (
<div className="text-center p-2 space-y-2">
<img
src={book?.image}
className="object-cover w-full h-[50px] object-top"
/>
<a
className="hover:underline"
href={`https://tracker.alexav.gg/info/${book?.id}`}
target="_blank"
>
<h1 className="font-semibold">{book?.title}</h1>
<p>
{" "}
{book?.finished
? "finished"
: book?.paused
? "paused"
: book?.author}
</p>
</a>
</div>
) : (
<ErrorState />
)}
{data?.map((v, k) => {
return (
<div key={k} className="text-center p-2 space-y-2">
<img
src={v?.image}
className="object-cover w-full h-[50px] object-top"
/>
<a
className="hover:underline"
href={`https://tracker.alexav.gg/info/${v?.id}`}
target="_blank"
>
<h1 className="font-semibold">{v?.title}</h1>
<p>
{" "}
{v?.finished
? "finished"
: v?.paused
? "paused"
: v.startedOn
? "started"
: "not started"}
</p>
</a>
</div>
);
})}
</div>
</div>
);
// if (show) {
// return (
// <div className="flex align-middle">
// </div>
// );
// } else {
// if (failedFetch) {
// return (
// <div>
// <p>failed to get show :(</p>
// </div>
// );
// } else {
// return (
// <div>
// <p>loading show..</p>
// </div>
// );
// }
// }
}