Properly update "StandardReaderProgressBar" slots on "progress bar position" change

"createProgressBarSlot" was never called in case the function reference changed but none of the passed arguments
This commit is contained in:
schroda
2024-12-27 17:16:35 +01:00
parent 052625a013
commit 3ca379c0f1
3 changed files with 15 additions and 17 deletions

View File

@@ -73,6 +73,7 @@ export const ReaderProgressBarSlotWrapper = memo(
totalPages, totalPages,
), ),
[ [
createProgressBarSlot,
page, page,
pagesIndex, pagesIndex,
primaryPageLoadState, primaryPageLoadState,

View File

@@ -20,16 +20,13 @@ export const ReaderProgressBarSlotDesktop = memo(
pageUrl, pageUrl,
primaryPageLoadState, primaryPageLoadState,
secondaryPageLoadState, secondaryPageLoadState,
isHorizontal,
isVertical,
progressBarPosition, progressBarPosition,
isCurrentPage, isCurrentPage,
isFirstPage, isFirstPage,
isLastPage, isLastPage,
isLeadingPage, isLeadingPage,
isDragging, isDragging,
}: Pick<IReaderSettings, 'progressBarPosition'> & }: Pick<IReaderSettings, 'progressBarPosition'> & {
Pick<ReturnType<typeof getProgressBarPositionInfo>, 'isHorizontal' | 'isVertical'> & {
pageName: string; pageName: string;
pageUrl: string; pageUrl: string;
primaryPageLoadState: boolean; primaryPageLoadState: boolean;
@@ -42,6 +39,8 @@ export const ReaderProgressBarSlotDesktop = memo(
}) => { }) => {
const theme = useTheme(); const theme = useTheme();
const { isVertical, isHorizontal } = getProgressBarPositionInfo(progressBarPosition);
return ( return (
<ReaderProgressBarSlot <ReaderProgressBarSlot
key={pageUrl} key={pageUrl}

View File

@@ -71,8 +71,6 @@ const BaseStandardReaderProgressBar = ({
pageUrl={page.primary.url} pageUrl={page.primary.url}
primaryPageLoadState={primaryPageLoadState} primaryPageLoadState={primaryPageLoadState}
secondaryPageLoadState={secondaryPageLoadState} secondaryPageLoadState={secondaryPageLoadState}
isHorizontal={isHorizontal}
isVertical={isVertical}
progressBarPosition={progressBarPosition} progressBarPosition={progressBarPosition}
isCurrentPage={isCurrentPage} isCurrentPage={isCurrentPage}
isFirstPage={pagesIndex === 0} isFirstPage={pagesIndex === 0}
@@ -81,7 +79,7 @@ const BaseStandardReaderProgressBar = ({
isDragging={isDragging} isDragging={isDragging}
/> />
), ),
[isHorizontal, isVertical, isDragging, progressBarPosition], [progressBarPosition, isDragging],
)} )}
slotProps={{ slotProps={{
container: { container: {