Rename "getImageWidthStyling" to "getReaderImageStyling"

This commit is contained in:
schroda
2025-01-18 23:13:56 +01:00
parent 7f649296b9
commit b7cb245abc
3 changed files with 5 additions and 5 deletions

View File

@@ -18,7 +18,7 @@ import {
import { import {
getImageMarginStyling, getImageMarginStyling,
getImagePlaceholderStyling, getImagePlaceholderStyling,
getImageWidthStyling, getReaderImageStyling,
} from '@/modules/reader/utils/ReaderPager.utils.tsx'; } from '@/modules/reader/utils/ReaderPager.utils.tsx';
import { applyStyles } from '@/modules/core/utils/ApplyStyles.ts'; import { applyStyles } from '@/modules/core/utils/ApplyStyles.ts';
import { useReaderScrollbarContext } from '@/modules/reader/contexts/ReaderScrollbarContext.tsx'; import { useReaderScrollbarContext } from '@/modules/reader/contexts/ReaderScrollbarContext.tsx';
@@ -129,7 +129,7 @@ const BaseReaderPage = ({
...getImageMarginStyling(doublePage, position), ...getImageMarginStyling(doublePage, position),
}} }}
imgStyle={{ imgStyle={{
...getImageWidthStyling(readingMode, shouldStretchPage, pageScaleMode, doublePage, readerWidth, true), ...getReaderImageStyling(readingMode, shouldStretchPage, pageScaleMode, doublePage, readerWidth, true),
display: 'block', display: 'block',
...applyStyles(!display, { ...applyStyles(!display, {
display: 'none', display: 'none',

View File

@@ -9,7 +9,7 @@
import { memo, ReactNode, useCallback, useEffect, useMemo, useRef } from 'react'; import { memo, ReactNode, useCallback, useEffect, useMemo, useRef } from 'react';
import Box, { BoxProps } from '@mui/material/Box'; import Box, { BoxProps } from '@mui/material/Box';
import { ReaderService } from '@/modules/reader/services/ReaderService.ts'; import { ReaderService } from '@/modules/reader/services/ReaderService.ts';
import { getImageWidthStyling, getPageIndexesToLoad } from '@/modules/reader/utils/ReaderPager.utils.tsx'; import { getReaderImageStyling, getPageIndexesToLoad } from '@/modules/reader/utils/ReaderPager.utils.tsx';
import { ReaderStatePages } from '@/modules/reader/types/ReaderProgressBar.types.ts'; import { ReaderStatePages } from '@/modules/reader/types/ReaderProgressBar.types.ts';
import { IReaderSettings, ReaderPagerProps, ReaderTransitionPageMode } from '@/modules/reader/types/Reader.types.ts'; import { IReaderSettings, ReaderPagerProps, ReaderTransitionPageMode } from '@/modules/reader/types/Reader.types.ts';
import { ReaderTransitionPage } from '@/modules/reader/components/viewer/ReaderTransitionPage.tsx'; import { ReaderTransitionPage } from '@/modules/reader/components/viewer/ReaderTransitionPage.tsx';
@@ -70,7 +70,7 @@ const BaseBasePager = ({
{...slots?.boxProps} {...slots?.boxProps}
sx={[ sx={[
...(Array.isArray(slots?.boxProps?.sx) ? (slots?.boxProps?.sx ?? []) : [slots?.boxProps?.sx]), ...(Array.isArray(slots?.boxProps?.sx) ? (slots?.boxProps?.sx ?? []) : [slots?.boxProps?.sx]),
getImageWidthStyling(readingMode, shouldStretchPage, pageScaleMode, false, readerWidth), getReaderImageStyling(readingMode, shouldStretchPage, pageScaleMode, false, readerWidth),
]} ]}
> >
<ReaderTransitionPage type={ReaderTransitionPageMode.PREVIOUS} /> <ReaderTransitionPage type={ReaderTransitionPageMode.PREVIOUS} />

View File

@@ -137,7 +137,7 @@ export const getImagePlaceholderStyling = (
} }
}; };
export const getImageWidthStyling = ( export const getReaderImageStyling = (
readingMode: IReaderSettings['readingMode'], readingMode: IReaderSettings['readingMode'],
shouldStretchPage: IReaderSettings['shouldStretchPage'], shouldStretchPage: IReaderSettings['shouldStretchPage'],
pageScaleMode: IReaderSettings['pageScaleMode'], pageScaleMode: IReaderSettings['pageScaleMode'],