LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Adjust collapsed recommendation grid

Browse source
This commit is contained in:
Raphael Wickihalder 2022-04-11 18:54:15 +02:00
parent 19a4b87225
commit 096185d424
No known key found for this signature in database
GPG key ID: 05179BB92383243D
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/component/recommendedPersonal/view.jsx
View file

@ -20,7 +20,7 @@ const VIEW = { ALL_VISIBLE: 0, COLLAPSED: 1, EXPANDED: 2 };
function getSuitablePageSizeForScreen(defaultSize, isLargeScreen, isMediumScreen) { function getSuitablePageSizeForScreen(defaultSize, isLargeScreen, isMediumScreen) {
// return isMediumScreen ? 6 : isLargeScreen ? Math.ceil(defaultSize * (3 / 2)) : defaultSize; // return isMediumScreen ? 6 : isLargeScreen ? Math.ceil(defaultSize * (3 / 2)) : defaultSize;
return isMediumScreen ? 6 : isLargeScreen ? Math.ceil(defaultSize * 2) : defaultSize; return isMediumScreen ? 12 : isLargeScreen ? Math.ceil(24) : 12;
} }
type Props = { type Props = {
@ -43,8 +43,8 @@ export default function RecommendedPersonal(props: Props) {
const isMediumScreen = useIsMediumScreen(); const isMediumScreen = useIsMediumScreen();
const count = personalRecommendations.uris.length; const count = personalRecommendations.uris.length;
const countCollapsed = getSuitablePageSizeForScreen(8, isLargeScreen, isMediumScreen); const countCollapsed = getSuitablePageSizeForScreen(12, isLargeScreen, isMediumScreen);
const finalCount = view === VIEW.ALL_VISIBLE ? count : view === VIEW.COLLAPSED ? countCollapsed : count; const finalCount = view === VIEW.ALL_VISIBLE ? count : view === VIEW.COLLAPSED ? countCollapsed : 37;
// ************************************************************************** // **************************************************************************
// Effects // Effects