Show active setting in reader desktop nav bar

This commit is contained in:
schroda
2024-12-13 16:38:41 +01:00
parent 33910cc89d
commit feacfe70f1
9 changed files with 57 additions and 12 deletions

View File

@@ -44,6 +44,7 @@ export const ReaderNavBarDesktopPageScale = ({
{...buttonSelectInputProps}
tooltip={t('reader.settings.page_scale.title')}
value={pageScaleMode.isDefault ? undefined : pageScaleMode.value}
defaultValue={pageScaleMode.isDefault ? pageScaleMode.value : undefined}
values={READER_PAGE_SCALE_MODE_VALUES}
setValue={(value) => updateSetting('pageScaleMode', value)}
valueToDisplayData={PAGE_SCALE_VALUE_TO_DISPLAY_DATA}

View File

@@ -16,7 +16,6 @@ import {
getReaderProfile,
getValidReaderProfile,
} from '@/modules/reader/utils/ReaderSettings.utils.tsx';
import { DEFAULT_READER_PROFILE } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
export const ReaderNavBarDesktopProfile = ({
defaultProfile,
@@ -37,10 +36,8 @@ export const ReaderNavBarDesktopProfile = ({
<ValueRotationButton
{...buttonSelectInputProps}
tooltip={t('global.label.profile_one')}
defaultText={t('reader.settings.profiles.default_value', {
profile: activeProfile === DEFAULT_READER_PROFILE ? t('global.label.standard') : activeProfile,
})}
value={defaultProfile.isDefault ? undefined : getValidReaderProfile(defaultProfile.value, profiles)}
defaultValue={defaultProfile.isDefault ? activeProfile : undefined}
values={profiles}
setValue={updateSetting}
valueToDisplayData={createProfileValueToDisplayData(profiles, true)}

View File

@@ -30,6 +30,7 @@ export const ReaderNavBarDesktopReadingDirection = ({
{...buttonSelectInputProps}
tooltip={t('reader.settings.label.reading_direction')}
value={readingDirection.isDefault ? undefined : readingDirection.value}
defaultValue={readingDirection.isDefault ? readingDirection.value : undefined}
values={READING_DIRECTION_VALUES}
setValue={setReadingDirection}
valueToDisplayData={READING_DIRECTION_VALUE_TO_DISPLAY_DATA}

View File

@@ -30,6 +30,7 @@ export const ReaderNavBarDesktopReadingMode = ({
{...buttonSelectInputProps}
tooltip={t('reader.settings.label.reading_mode')}
value={readingMode.isDefault ? undefined : readingMode.value}
defaultValue={readingMode.isDefault ? readingMode.value : undefined}
values={READING_MODE_VALUES}
setValue={setReadingMode}
valueToDisplayData={READING_MODE_VALUE_TO_DISPLAY_DATA}