dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add another catogory and display 20 media per catogory

This commit is contained in:
Captain Jack Sparrow 2024-05-01 16:10:59 +00:00
parent df9de0759e
commit 049c86b242
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/Discover.tsx
View File

@ -126,8 +126,8 @@ export function Discover() {
[data.genres[i], data.genres[j]] = [data.genres[j], data.genres[i]]; [data.genres[i], data.genres[j]] = [data.genres[j], data.genres[i]];
} }
// Fetch only the first 5 TV show genres // Fetch only the first 6 TV show genres
setTVGenres(data.genres.slice(0, 5)); setTVGenres(data.genres.slice(0, 6));
} catch (error) { } catch (error) {
console.error("Error fetching TV show genres:", error); console.error("Error fetching TV show genres:", error);
} }
@ -238,7 +238,7 @@ export function Discover() {
if (movieElements.length > 0) { if (movieElements.length > 0) {
const posterWidth = movieElements[0].offsetWidth; const posterWidth = movieElements[0].offsetWidth;
const visibleMovies = Math.floor(carousel.offsetWidth / posterWidth); const visibleMovies = Math.floor(carousel.offsetWidth / posterWidth);
const scrollAmount = posterWidth * visibleMovies * 0.6; const scrollAmount = posterWidth * visibleMovies * 0.62;
if (e.deltaY < 5) { if (e.deltaY < 5) {
carousel.scrollBy({ left: -scrollAmount, behavior: "smooth" }); carousel.scrollBy({ left: -scrollAmount, behavior: "smooth" });
} else { } else {
@ -302,8 +302,7 @@ export function Discover() {
onMouseLeave={handleMouseLeave} onMouseLeave={handleMouseLeave}
onWheel={(e) => handleWheel(e, categorySlug)} onWheel={(e) => handleWheel(e, categorySlug)}
> >
{/* Ik its an odd number and i dont give a shit */} {medias.slice(0, 20).map((media) => (
{medias.slice(0, 23).map((media) => (
<a <a
key={media.id} key={media.id}
onClick={() => onClick={() =>
@ -438,8 +437,8 @@ export function Discover() {
const fetchMoviesForGenre = async (genreId: number) => { const fetchMoviesForGenre = async (genreId: number) => {
try { try {
const movies: any[] = []; const movies: any[] = [];
for (let page = 1; page <= 5; page += 1) { for (let page = 1; page <= 6; page += 1) {
// Fetch only 5 pages // Fetch only 6 pages
const data = await get<any>("/discover/movie", { const data = await get<any>("/discover/movie", {
api_key: conf().TMDB_READ_API_KEY, api_key: conf().TMDB_READ_API_KEY,
with_genres: genreId.toString(), with_genres: genreId.toString(),