Move "MultiValueButton" props to component
This commit is contained in:
@@ -21,8 +21,8 @@ import {
|
||||
READER_PAGE_SCALE_MODE_TO_SCALING_ALLOWED,
|
||||
READER_PAGE_SCALE_MODE_VALUES,
|
||||
} from '@/features/reader/settings/ReaderSettings.constants.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/Base.types.ts';
|
||||
import { CustomIconButton } from '@/base/components/buttons/CustomIconButton.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
export const ReaderNavBarDesktopPageScale = ({
|
||||
pageScaleMode,
|
||||
|
||||
@@ -13,7 +13,8 @@ import {
|
||||
READING_DIRECTION_VALUES,
|
||||
READING_DIRECTION_VALUE_TO_DISPLAY_DATA,
|
||||
} from '@/features/reader/settings/ReaderSettings.constants.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/Base.types.ts';
|
||||
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
export const ReaderNavBarDesktopReadingDirection = ({
|
||||
readingDirection,
|
||||
|
||||
@@ -13,7 +13,8 @@ import {
|
||||
READING_MODE_VALUE_TO_DISPLAY_DATA,
|
||||
READING_MODE_VALUES,
|
||||
} from '@/features/reader/settings/ReaderSettings.constants.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/Base.types.ts';
|
||||
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
export const ReaderNavBarDesktopReadingMode = ({
|
||||
readingMode,
|
||||
|
||||
@@ -12,7 +12,8 @@ import { ReadingMode } from '@/features/reader/Reader.types.ts';
|
||||
import { SliderInput } from '@/base/components/inputs/SliderInput.tsx';
|
||||
import { DEFAULT_READER_SETTINGS, PAGE_GAP } from '@/features/reader/settings/ReaderSettings.constants.tsx';
|
||||
import { isContinuousReadingMode } from '@/features/reader/settings/ReaderSettings.utils.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/Base.types.ts';
|
||||
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
export const ReaderSettingPageGap = ({
|
||||
pageGap,
|
||||
|
||||
@@ -17,7 +17,8 @@ import {
|
||||
READER_PAGE_SCALE_MODE_VALUES,
|
||||
} from '@/features/reader/settings/ReaderSettings.constants.tsx';
|
||||
import { ButtonSelectInput } from '@/base/components/inputs/ButtonSelectInput.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/Base.types.ts';
|
||||
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
export const ReaderSettingPageScaleMode = ({
|
||||
pageScaleMode,
|
||||
|
||||
@@ -12,8 +12,9 @@ import { useLingui } from '@lingui/react/macro';
|
||||
import { msg } from '@lingui/core/macro';
|
||||
import type { IReaderSettingsWithDefaultFlag } from '@/features/reader/Reader.types.ts';
|
||||
import { ReadingDirection } from '@/features/reader/Reader.types.ts';
|
||||
import type { MultiValueButtonDefaultableProps, ValueToDisplayData } from '@/base/Base.types.ts';
|
||||
import type { ValueToDisplayData } from '@/base/Base.types.ts';
|
||||
import { ButtonSelectInput } from '@/base/components/inputs/ButtonSelectInput.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
const VALUE_TO_DISPLAY_DATA: ValueToDisplayData<ReadingDirection> = {
|
||||
[ReadingDirection.LTR]: {
|
||||
|
||||
@@ -13,7 +13,8 @@ import {
|
||||
READING_MODE_VALUES,
|
||||
} from '@/features/reader/settings/ReaderSettings.constants.tsx';
|
||||
import { ButtonSelectInput } from '@/base/components/inputs/ButtonSelectInput.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/Base.types.ts';
|
||||
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
export const ReaderSettingReadingMode = ({
|
||||
readingMode,
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
import { useLingui } from '@lingui/react/macro';
|
||||
import { msg } from '@lingui/core/macro';
|
||||
import type { MultiValueButtonDefaultableProps, ValueToDisplayData } from '@/base/Base.types.ts';
|
||||
import type { ValueToDisplayData } from '@/base/Base.types.ts';
|
||||
import type {
|
||||
IReaderSettings,
|
||||
IReaderSettingsWithDefaultFlag,
|
||||
@@ -16,6 +16,7 @@ import type {
|
||||
} from '@/features/reader/Reader.types.ts';
|
||||
import type { TapZoneInvertMode } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
|
||||
import { ButtonSelectInput } from '@/base/components/inputs/ButtonSelectInput.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
enum TapZonesInvertOption {
|
||||
NONE,
|
||||
|
||||
@@ -9,9 +9,10 @@
|
||||
import { useLingui } from '@lingui/react/macro';
|
||||
import { msg } from '@lingui/core/macro';
|
||||
import { TapZoneLayouts } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
|
||||
import type { MultiValueButtonDefaultableProps, ValueToDisplayData } from '@/base/Base.types.ts';
|
||||
import type { ValueToDisplayData } from '@/base/Base.types.ts';
|
||||
import type { IReaderSettingsWithDefaultFlag, ReadingDirection } from '@/features/reader/Reader.types.ts';
|
||||
import { ButtonSelectInput } from '@/base/components/inputs/ButtonSelectInput.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
const VALUE_TO_DISPLAY_DATA: ValueToDisplayData<TapZoneLayouts> = {
|
||||
[TapZoneLayouts.EDGE]: {
|
||||
|
||||
@@ -14,8 +14,8 @@ import type { ReaderService } from '@/features/reader/services/ReaderService.ts'
|
||||
import { SliderInput } from '@/base/components/inputs/SliderInput.tsx';
|
||||
import { DEFAULT_READER_SETTINGS } from '@/features/reader/settings/ReaderSettings.constants.tsx';
|
||||
import { isReaderWidthEditable } from '@/features/reader/settings/ReaderSettings.utils.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/Base.types.ts';
|
||||
import { ResetButton } from '@/base/components/buttons/ResetButton.tsx';
|
||||
import type { MultiValueButtonDefaultableProps } from '@/base/components/buttons/SelectButton.tsx';
|
||||
|
||||
export const ReaderSettingWidth = ({
|
||||
readerWidth,
|
||||
|
||||
Reference in New Issue
Block a user