TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-23 19:49:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: preview cards

Browse Source
This commit is contained in:
tresabhi committed 2024-11-25 14:16:33 -06:00
1 parent bae1e944b7
commit 6ace0aa38a
2 files changed
+24 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/website/src/components/TankSearch/index.tsx
+5 -5
View File
@@ -415,11 +415,11 @@ export const TankSearch = memo<TankSearchProps>(
return searchedTanks;
}
}, [tankFilters, tankopediaSort]);
const [loadedRows, setLoadedRows] = useState(DEFAULT_LOADED_CARDS);
const tanks = tanksFiltered.slice(0, loadedRows);
const [loadedCards, setLoadedCards] = useState(DEFAULT_LOADED_CARDS);
const tanks = tanksFiltered.slice(0, loadedCards);
useEffect(() => {
setLoadedRows(DEFAULT_LOADED_CARDS);
setLoadedCards(DEFAULT_LOADED_CARDS);
}, [tankFilters, tankopediaSort]);
return (
@@ -497,13 +497,13 @@ export const TankSearch = memo<TankSearchProps>(
))}
{times(
Math.min(PREVIEW_COUNT, tanksFiltered.length - loadedRows),
Math.min(PREVIEW_COUNT, tanksFiltered.length - loadedCards),
(index) => {
return (
<SkeletonTankCard
key={index}
onIntersection={() => {
setLoadedRows((state) =>
setLoadedCards((state) =>
Math.min(state + 2, tanksFiltered.length),
);
}}