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

added max size for history

Browse source
This commit is contained in:
Dalton 2020-01-27 18:46:43 -06:00 • committed by Sean Yesmunt
parent 5da6dd3d9f
commit e5775b2555
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
ui/component/navigationButton/view.jsx
View file

@ -3,6 +3,9 @@ import React, { useState, useCallback } from 'react';
import * as ICONS from 'constants/icons';
import Button from 'component/button';
// the maximum length of history to show per button
const MAX_HISTORY_SIZE = 12;
type Props = {
isBackward: boolean,
history: {
@ -18,9 +21,17 @@ type Props = {
};
// determines which slice of entries should make up the back or forward button drop-downs (isBackward vs !isBackward respectively)
const sliceEntries = (currentIndex, entries, historyLength, isBackward) => {
const l = isBackward ? 0 : currentIndex + 1;
const r = isBackward ? currentIndex : historyLength;
const sliceEntries = (currentIndex, entries, historyLength, isBackward, maxSize) => {
let l = isBackward ? 0 : currentIndex + 1;
let r = isBackward ? currentIndex : historyLength;
const exceedsMax = maxSize < r - l;
if (!exceedsMax) {
return entries.slice(l, r);
} else if (isBackward) {
l = r - maxSize;
} else {
r = l + maxSize;
}
return entries.slice(l, r);
};
@ -35,13 +46,14 @@ const NavigationButton = (props: Props) => {
const makeItem = useCallback(
(entry, index) => {
// difference between the current index and the index of the entry
const goArg = isBackward ? index - currentIndex : index + 1;
const backwardDif = index - (currentIndex < MAX_HISTORY_SIZE ? currentIndex : MAX_HISTORY_SIZE);
const forwardDif = index + 1;
return (
<li
key={entry.key}
onMouseDown={() => {
setShowHistory(false);
go(goArg);
go(isBackward ? backwardDif : forwardDif);
}}
>
{entry.title}
@ -50,7 +62,7 @@ const NavigationButton = (props: Props) => {
},
[currentIndex, isBackward, go]
);
const slicedEntries = sliceEntries(currentIndex, entries, historyLength, isBackward);
const slicedEntries = sliceEntries(currentIndex, entries, historyLength, isBackward, MAX_HISTORY_SIZE);
return (
<div>
<Button