Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Remove some genres list on the home page for performances

Browse Source
This commit is contained in:
Zoe Roux 2023-12-12 01:07:57 +01:00
parent 445f193dbb
commit 257ead2415
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
front/packages/ui/src/home/index.tsx
View File

@ -27,13 +27,9 @@ import { GenreGrid } from "./genre";
import { Recommanded } from "./recommanded"; import { Recommanded } from "./recommanded";
import { VerticalRecommanded } from "./vertical"; import { VerticalRecommanded } from "./vertical";
import { NewsList } from "./news"; import { NewsList } from "./news";
import { useEffect, useState } from "react";
import { WatchlistList } from "./watchlist"; import { WatchlistList } from "./watchlist";
export const HomePage: QueryPage<{}, Genre> = ({ randomItems }) => { export const HomePage: QueryPage<{}, Genre> = ({ randomItems }) => {
const [isClient, setClient] = useState(false);
useEffect(() => setClient(true), []);
return ( return (
<ScrollView> <ScrollView>
<Fetch query={Header.query()}> <Fetch query={Header.query()}>
@ -63,7 +59,10 @@ export const HomePage: QueryPage<{}, Genre> = ({ randomItems }) => {
<GenreGrid key={x} genre={x} /> <GenreGrid key={x} genre={x} />
))} ))}
<VerticalRecommanded /> <VerticalRecommanded />
{isClient && randomItems.filter((_, i) => i >= 6).map((x) => <GenreGrid key={x} genre={x} />)} {/*
TODO: Lazy load those items
{randomItems.filter((_, i) => i >= 6).map((x) => <GenreGrid key={x} genre={x} />)}
*/}
</ScrollView> </ScrollView>
); );
}; };