Update page "progress bar slot" styling based on load state

Regression 500ee42662
This commit is contained in:
schroda
2024-12-26 17:29:49 +01:00
parent 33e184ba18
commit d4939247bd
2 changed files with 3 additions and 3 deletions

View File

@@ -169,7 +169,7 @@ const BaseReaderProgressBar = ({
totalPages={pages.length}
primaryPageLoadState={pageLoadStates[page.primary.index].loaded}
secondaryPageLoadState={
!!page.secondary && pageLoadStates[page.secondary.index].loaded
page.secondary ? pageLoadStates[page.secondary.index].loaded : undefined
}
createProgressBarSlot={createProgressBarSlot}
/>

View File

@@ -48,12 +48,12 @@ export const ReaderProgressBarSlotWrapper = memo(
isTrailingPage: boolean;
totalPages: number;
primaryPageLoadState: ReaderProgressBarProps['pageLoadStates'][number]['loaded'];
secondaryPageLoadState: ReaderProgressBarProps['pageLoadStates'][number]['loaded'];
secondaryPageLoadState: ReaderProgressBarProps['pageLoadStates'][number]['loaded'] | undefined;
createProgressBarSlot: (
page: ReaderProgressBarProps['pages'][number],
pagesIndex: number,
primaryPageLoadState: ReaderProgressBarProps['pageLoadStates'][number]['loaded'],
secondaryPageLoadState: ReaderProgressBarProps['pageLoadStates'][number]['loaded'],
secondaryPageLoadState: ReaderProgressBarProps['pageLoadStates'][number]['loaded'] | undefined,
isCurrentPage: boolean,
isLeadingPage: boolean,
isTrailingPage: boolean,