diff --git a/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarSlotWrapper.tsx b/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarSlotWrapper.tsx index 7cd7e6de..6f84cb57 100644 --- a/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarSlotWrapper.tsx +++ b/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarSlotWrapper.tsx @@ -73,6 +73,7 @@ export const ReaderProgressBarSlotWrapper = memo( totalPages, ), [ + createProgressBarSlot, page, pagesIndex, primaryPageLoadState, diff --git a/src/modules/reader/components/overlay/progress-bar/desktop/ReaderProgressBarSlotDesktop.tsx b/src/modules/reader/components/overlay/progress-bar/desktop/ReaderProgressBarSlotDesktop.tsx index bad88fa5..59739a95 100644 --- a/src/modules/reader/components/overlay/progress-bar/desktop/ReaderProgressBarSlotDesktop.tsx +++ b/src/modules/reader/components/overlay/progress-bar/desktop/ReaderProgressBarSlotDesktop.tsx @@ -20,28 +20,27 @@ export const ReaderProgressBarSlotDesktop = memo( pageUrl, primaryPageLoadState, secondaryPageLoadState, - isHorizontal, - isVertical, progressBarPosition, isCurrentPage, isFirstPage, isLastPage, isLeadingPage, isDragging, - }: Pick & - Pick, 'isHorizontal' | 'isVertical'> & { - pageName: string; - pageUrl: string; - primaryPageLoadState: boolean; - secondaryPageLoadState?: boolean; - isCurrentPage: boolean; - isFirstPage: boolean; - isLastPage: boolean; - isLeadingPage: boolean; - isDragging: boolean; - }) => { + }: Pick & { + pageName: string; + pageUrl: string; + primaryPageLoadState: boolean; + secondaryPageLoadState?: boolean; + isCurrentPage: boolean; + isFirstPage: boolean; + isLastPage: boolean; + isLeadingPage: boolean; + isDragging: boolean; + }) => { const theme = useTheme(); + const { isVertical, isHorizontal } = getProgressBarPositionInfo(progressBarPosition); + return ( ), - [isHorizontal, isVertical, isDragging, progressBarPosition], + [progressBarPosition, isDragging], )} slotProps={{ container: {