Remove custom profiles

Instead of "custom profiles" each "reading mode" acts as a profile and has its own settings
2024-12-16 15:22:21 +01:00
parent e95cc232a2
commit 74f78e40d4
19 changed files with 86 additions and 421 deletions
--- a/src/modules/metadata/Metadata.constants.ts
+++ b/src/modules/metadata/Metadata.constants.ts
@@ -66,9 +66,6 @@ const APP_METADATA_OBJECT: Record<AppMetadataKeys, undefined> = {
    shouldShowPageNumber: undefined,
    backgroundColor: undefined,
    pageGap: undefined,
-    profiles: undefined,
-    readingModesDefaultProfile: undefined,
-    defaultProfile: undefined,
    hotkeys: undefined,
    imagePreLoadAmount: undefined,
 };
@@ -136,7 +133,6 @@ export const GLOBAL_METADATA_KEYS: AppMetadataKeys[] = [
    'exitMode',
    'customFilter',
    'shouldSkipDupChapters',
-    'profiles',
    'hotkeys',
 ];

--- a/src/modules/reader/components/ReaderHotkeys.tsx
+++ b/src/modules/reader/components/ReaderHotkeys.tsx
@@ -74,16 +74,8 @@ export const ReaderHotkeys = ({
    const { enableScope, disableScope } = useHotkeysContext();
    const { manga } = useReaderStateMangaContext();
    const { isVisible, setIsVisible: setIsOverlayVisible } = useReaderOverlayContext();
-    const {
-        hotkeys,
-        pageScaleMode,
-        shouldStretchPage,
-        shouldOffsetDoubleSpreads,
-        readingMode,
-        readingDirection,
-        defaultProfile,
-        profiles,
-    } = ReaderService.useSettings();
+    const { hotkeys, pageScaleMode, shouldStretchPage, shouldOffsetDoubleSpreads, readingMode, readingDirection } =
+        ReaderService.useSettings();

    const openChapter = ReaderControls.useOpenChapter();
    const openPage = ReaderControls.useOpenPage();
@@ -165,17 +157,6 @@ export const ReaderHotkeys = ({
        () => updateSetting('shouldOffsetDoubleSpreads', !shouldOffsetDoubleSpreads.value),
        [updateSetting, shouldOffsetDoubleSpreads.value],
    );
-    useHotkeys(hotkeys[ReaderHotkey.CYCLE_PROFILES], () => {
-        updateSettingCycleThrough(
-            updateSetting,
-            deleteSetting,
-            'defaultProfile',
-            defaultProfile.value,
-            profiles,
-            defaultProfile.isDefault,
-            true,
-        );
-    });

    useEffect(() => {
        enableScope(HotkeyScope.READER);
--- a/src/modules/reader/components/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopProfile.tsx
+++ b/src/modules/reader/components/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopProfile.tsx
@@ -1,47 +0,0 @@
-/*
- * Copyright (C) Contributors to the Suwayomi project
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
-
-import ManageAccountsIcon from '@mui/icons-material/ManageAccounts';
-import { useTranslation } from 'react-i18next';
-import { IReaderSettingsWithDefaultFlag } from '@/modules/reader/types/Reader.types.ts';
-import { MultiValueButtonDefaultableProps } from '@/modules/core/Core.types.ts';
-import { ValueRotationButton } from '@/modules/core/components/buttons/ValueRotationButton.tsx';
-import {
-    createProfileValueToDisplayData,
-    getReaderProfile,
-    getValidReaderProfile,
-} from '@/modules/reader/utils/ReaderSettings.utils.tsx';
-
-export const ReaderNavBarDesktopProfile = ({
-    defaultProfile,
-    profiles,
-    readingModesDefaultProfile,
-    readingMode,
-    updateSetting,
-    ...buttonSelectInputProps
-}: Pick<IReaderSettingsWithDefaultFlag, 'defaultProfile' | 'profiles' | 'readingModesDefaultProfile' | 'readingMode'> &
-    Pick<MultiValueButtonDefaultableProps<string>, 'isDefaultable' | 'onDefault'> & {
-        updateSetting: (profile: string) => void;
-    }) => {
-    const { t } = useTranslation();
-
-    const activeProfile = getReaderProfile(defaultProfile, profiles, readingModesDefaultProfile, readingMode.value);
-
-    return (
-        <ValueRotationButton
-            {...buttonSelectInputProps}
-            tooltip={t('global.label.profile_one')}
-            value={defaultProfile.isDefault ? undefined : getValidReaderProfile(defaultProfile.value, profiles)}
-            defaultValue={defaultProfile.isDefault ? activeProfile : undefined}
-            values={profiles}
-            setValue={updateSetting}
-            valueToDisplayData={createProfileValueToDisplayData(profiles, true)}
-            defaultIcon={<ManageAccountsIcon />}
-        />
-    );
-};
--- a/src/modules/reader/components/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopQuickSettings.tsx
+++ b/src/modules/reader/components/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopQuickSettings.tsx
@@ -16,19 +16,9 @@ import { ReaderNavBarDesktopOffsetDoubleSpread } from '@/modules/reader/componen
 import { ReaderNavBarDesktopReadingDirection } from '@/modules/reader/components/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopReadingDirection.tsx';
 import { ReaderSettingsTypeProps } from '@/modules/reader/types/Reader.types.ts';
 import { ReaderNavBarDesktopProps } from '@/modules/reader/types/ReaderOverlay.types.ts';
-import { ReaderNavBarDesktopProfile } from '@/modules/reader/components/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopProfile.tsx';

 export const ReaderNavBarDesktopQuickSettings = ({
-    settings: {
-        defaultProfile,
-        profiles,
-        readingModesDefaultProfile,
-        readingMode,
-        shouldOffsetDoubleSpreads,
-        pageScaleMode,
-        shouldStretchPage,
-        readingDirection,
-    },
+    settings: { readingMode, shouldOffsetDoubleSpreads, pageScaleMode, shouldStretchPage, readingDirection },
    updateSetting,
    openSettings,
    isDefaultable,
@@ -38,15 +28,6 @@ export const ReaderNavBarDesktopQuickSettings = ({

    return (
        <Stack sx={{ gap: 1 }}>
-            <ReaderNavBarDesktopProfile
-                defaultProfile={defaultProfile}
-                profiles={profiles}
-                readingModesDefaultProfile={readingModesDefaultProfile}
-                readingMode={readingMode}
-                updateSetting={(value) => updateSetting('defaultProfile', value)}
-                isDefaultable={isDefaultable}
-                onDefault={() => onDefault?.('defaultProfile')}
-            />
            <ReaderNavBarDesktopReadingMode
                readingMode={readingMode}
                setReadingMode={(value) => updateSetting('readingMode', value)}
--- a/src/modules/reader/components/overlay/navigation/mobile/ReaderBottomBarMobileQuickSettings.tsx
+++ b/src/modules/reader/components/overlay/navigation/mobile/ReaderBottomBarMobileQuickSettings.tsx
@@ -12,13 +12,12 @@ import { ReaderSettingReadingDirection } from '@/modules/reader/components/setti
 import { ReaderService } from '@/modules/reader/services/ReaderService.ts';
 import { useReaderStateMangaContext } from '@/modules/reader/contexts/state/ReaderStateMangaContext.tsx';
 import { MangaIdInfo } from '@/modules/manga/Manga.types.ts';
-import { ReaderSettingProfile } from '@/modules/reader/components/settings/layout/profiles/ReaderSettingProfile.tsx';
 import { DefaultSettingFootnote } from '@/modules/reader/components/settings/DefaultSettingFootnote.tsx';

 const DEFAULT_MANGA: MangaIdInfo = { id: -1 };
 export const ReaderBottomBarMobileQuickSettings = () => {
    const { manga } = useReaderStateMangaContext();
-    const { defaultProfile, profiles, readingMode, readingDirection } = ReaderService.useSettings();
+    const { readingMode, readingDirection } = ReaderService.useSettings();
    const deleteSetting = ReaderService.useCreateDeleteSetting(manga ?? DEFAULT_MANGA);

    if (!manga) {
@@ -28,13 +27,6 @@ export const ReaderBottomBarMobileQuickSettings = () => {
    return (
        <Stack sx={{ gap: 2 }}>
            <DefaultSettingFootnote />
-            <ReaderSettingProfile
-                defaultProfile={defaultProfile}
-                profiles={profiles}
-                updateSetting={(value) => ReaderService.updateSetting(manga, 'defaultProfile', value)}
-                isDefaultable
-                onDefault={() => deleteSetting('defaultProfile')}
-            />
            <ReaderSettingReadingMode
                readingMode={readingMode}
                setReadingMode={(value) => ReaderService.updateSetting(manga, 'readingMode', value)}
--- a/src/modules/reader/components/settings/hotkeys/ReaderSettingHotkey.tsx
+++ b/src/modules/reader/components/settings/hotkeys/ReaderSettingHotkey.tsx
@@ -31,7 +31,6 @@ const READER_HOTKEY_TO_TITLE: Record<ReaderHotkey, TranslationKey> = {
    [ReaderHotkey.CYCLE_SCALE_TYPE]: 'reader.settings.hotkey.scale_type',
    [ReaderHotkey.STRETCH_IMAGE]: 'reader.settings.hotkey.stretch_image',
    [ReaderHotkey.OFFSET_SPREAD_PAGES]: 'reader.settings.hotkey.offset_spread_pages',
-    [ReaderHotkey.CYCLE_PROFILES]: 'reader.settings.hotkey.profiles',
 };

 export const ReaderSettingHotkey = ({
--- a/src/modules/reader/components/settings/layout/ReaderDefaultLayoutSettings.tsx
+++ b/src/modules/reader/components/settings/layout/ReaderDefaultLayoutSettings.tsx
@@ -8,53 +8,37 @@

 import Stack from '@mui/material/Stack';
 import { ComponentProps } from 'react';
+import { useTranslation } from 'react-i18next';
 import { ReaderLayoutSettings } from '@/modules/reader/components/settings/layout/ReaderLayoutSettings.tsx';
-import { ReaderSettingProfiles } from '@/modules/reader/components/settings/layout/profiles/ReaderSettingProfiles.tsx';
-import { ReaderSettingReadingModesDefaultProfile } from '@/modules/reader/components/settings/layout/profiles/ReaderSettingReadingModesDefaultProfile.tsx';
 import { ReaderSettingProfileSettings } from '@/modules/reader/components/settings/layout/profiles/ReaderSettingProfileSettings.tsx';
-import { DEFAULT_READER_PROFILE } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
-import { IReaderSettings } from '@/modules/reader/types/Reader.types.ts';
+import {
+    READING_MODE_VALUE_TO_DISPLAY_DATA,
+    READING_MODE_VALUES,
+} from '@/modules/reader/constants/ReaderSettings.constants.tsx';
+import { ReaderSettingReadingMode } from '@/modules/reader/components/settings/layout/ReaderSettingReadingMode.tsx';

 export const ReaderDefaultLayoutSettings = (
    props: Omit<ComponentProps<typeof ReaderLayoutSettings>, 'setShowPreview'>,
 ) => {
    const { settings, updateSetting } = props;

+    const { t } = useTranslation();
+
    return (
        <Stack sx={{ gap: 2, pb: 2 }}>
-            <Stack sx={{ gap: 2 }}>
-                <ReaderSettingProfiles
-                    profiles={settings.profiles}
-                    updateSetting={(profiles, removedProfiles) => {
-                        if (removedProfiles.length) {
-                            updateSetting(
-                                'readingModesDefaultProfile',
-                                Object.fromEntries(
-                                    Object.entries(settings.readingModesDefaultProfile).map(
-                                        ([readingMode, profile]) => [
-                                            readingMode,
-                                            removedProfiles.includes(profile) ? DEFAULT_READER_PROFILE : profile,
-                                        ],
-                                    ),
-                                ) as IReaderSettings['readingModesDefaultProfile'],
-                            );
-                        }
-
-                        updateSetting('profiles', profiles);
-                    }}
-                />
-                <Stack sx={{ px: 2 }}>
-                    <ReaderSettingReadingModesDefaultProfile
-                        profiles={settings.profiles}
-                        readingModesDefaultProfile={settings.readingModesDefaultProfile}
-                        updateSetting={(readingModesDefaultProfile) =>
-                            updateSetting('readingModesDefaultProfile', readingModesDefaultProfile)
-                        }
+            <Stack sx={{ pt: 2, px: 2 }}>
+                <ReaderSettingReadingMode
+                    readingMode={settings.readingMode}
+                    setReadingMode={(value) => updateSetting('readingMode', value)}
                />
            </Stack>
-            </Stack>
-            {settings.profiles.map((profile) => (
-                <ReaderSettingProfileSettings key={profile} profile={profile} {...props} />
+            {READING_MODE_VALUES.map((readingMode) => (
+                <ReaderSettingProfileSettings
+                    key={readingMode}
+                    profile={readingMode}
+                    title={t(READING_MODE_VALUE_TO_DISPLAY_DATA[readingMode].title)}
+                    {...props}
+                />
            ))}
        </Stack>
    );
--- a/src/modules/reader/components/settings/layout/ReaderLayoutSettings.tsx
+++ b/src/modules/reader/components/settings/layout/ReaderLayoutSettings.tsx
@@ -18,7 +18,6 @@ import { ReaderSettingStretchPage } from '@/modules/reader/components/settings/l
 import { ReaderSettingsTypeProps } from '@/modules/reader/types/Reader.types.ts';
 import { ReaderSettingPageGap } from '@/modules/reader/components/settings/layout/ReaderSettingPageGap.tsx';
 import { ReaderSettingWidth } from '@/modules/reader/components/settings/layout/ReaderSettingWidth.tsx';
-import { ReaderSettingProfile } from '@/modules/reader/components/settings/layout/profiles/ReaderSettingProfile.tsx';
 import { DefaultSettingFootnote } from '@/modules/reader/components/settings/DefaultSettingFootnote.tsx';

 export const ReaderLayoutSettings = ({
@@ -33,20 +32,13 @@ export const ReaderLayoutSettings = ({
    <Stack sx={{ gap: 2 }}>
        <DefaultSettingFootnote />
        {isDefaultable && (
-            <ReaderSettingProfile
-                defaultProfile={settings.defaultProfile}
-                profiles={settings.profiles}
-                updateSetting={(value) => updateSetting('defaultProfile', value)}
-                isDefaultable={isDefaultable}
-                onDefault={() => onDefault?.('defaultProfile')}
-            />
-        )}
            <ReaderSettingReadingMode
                readingMode={settings.readingMode}
                setReadingMode={(value) => updateSetting('readingMode', value)}
                isDefaultable={isDefaultable}
                onDefault={() => onDefault?.('readingMode')}
            />
+        )}
        <ReaderSettingPageGap
            pageGap={settings.pageGap}
            readingMode={settings.readingMode}
--- a/src/modules/reader/components/settings/layout/profiles/ReaderSettingProfile.tsx
+++ b/src/modules/reader/components/settings/layout/profiles/ReaderSettingProfile.tsx
@@ -1,42 +0,0 @@
-/*
- * Copyright (C) Contributors to the Suwayomi project
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
-
-import { useTranslation } from 'react-i18next';
-import { ButtonSelectInput } from '@/modules/core/components/inputs/ButtonSelectInput.tsx';
-import { IReaderSettingsWithDefaultFlag } from '@/modules/reader/types/Reader.types.ts';
-import { MultiValueButtonDefaultableProps } from '@/modules/core/Core.types.ts';
-import {
-    createProfileValueToDisplayData,
-    getValidReaderProfile,
-} from '@/modules/reader/utils/ReaderSettings.utils.tsx';
-
-export const ReaderSettingProfile = ({
-    defaultProfile,
-    profiles,
-    updateSetting,
-    ...buttonSelectInputProps
-}: Pick<IReaderSettingsWithDefaultFlag, 'defaultProfile' | 'profiles'> &
-    Pick<MultiValueButtonDefaultableProps<string>, 'isDefaultable' | 'onDefault'> & {
-        updateSetting: (profile: string) => void;
-    }) => {
-    const { t } = useTranslation();
-
-    const validReaderProfile = getValidReaderProfile(defaultProfile.value, profiles);
-
-    return (
-        <ButtonSelectInput
-            {...buttonSelectInputProps}
-            label={t('global.label.profile_one')}
-            value={defaultProfile.isDefault ? undefined : validReaderProfile}
-            defaultValue={defaultProfile.isDefault ? validReaderProfile : undefined}
-            values={profiles}
-            setValue={updateSetting}
-            valueToDisplayData={createProfileValueToDisplayData(profiles)}
-        />
-    );
-};
--- a/src/modules/reader/components/settings/layout/profiles/ReaderSettingProfileSettings.tsx
+++ b/src/modules/reader/components/settings/layout/profiles/ReaderSettingProfileSettings.tsx
@@ -8,30 +8,40 @@

 import Stack from '@mui/material/Stack';
 import ListSubheader from '@mui/material/ListSubheader';
-import { ComponentProps } from 'react';
-import { useTranslation } from 'react-i18next';
+import { ComponentProps, useMemo } from 'react';
 import { ReaderLayoutSettings } from '@/modules/reader/components/settings/layout/ReaderLayoutSettings.tsx';
 import { useDefaultReaderSettingsWithDefaultFlag } from '@/modules/reader/services/ReaderSettingsMetadata.ts';
-import { DEFAULT_READER_PROFILE } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
+import { ReadingMode } from '@/modules/reader/types/Reader.types.ts';

 export const ReaderSettingProfileSettings = ({
    profile,
+    title,
    updateSetting,
    ...props
-}: Pick<ComponentProps<typeof ReaderLayoutSettings>, 'updateSetting'> & { profile: string }) => {
-    const { t } = useTranslation();
+}: Pick<ComponentProps<typeof ReaderLayoutSettings>, 'updateSetting'> & { profile: ReadingMode; title: string }) => {
    const { settings } = useDefaultReaderSettingsWithDefaultFlag(profile);

+    const adjustedSettings = useMemo(
+        () => ({
+            ...settings,
+            readingMode: {
+                value: profile,
+                isDefault: true,
+            },
+        }),
+        [settings, profile],
+    );
+
    return (
        <Stack sx={{ gap: 2 }}>
            <ListSubheader component="div" id={`${profile}-settings`}>
-                {profile === DEFAULT_READER_PROFILE ? t('global.label.standard') : profile}
+                {title}
            </ListSubheader>
            <Stack sx={{ px: 2 }}>
                <ReaderLayoutSettings
                    {...props}
                    setShowPreview={() => {}}
-                    settings={settings}
+                    settings={adjustedSettings}
                    updateSetting={(setting, value, commit) => updateSetting(setting, value, commit, true, profile)}
                />
            </Stack>
--- a/src/modules/reader/components/settings/layout/profiles/ReaderSettingProfiles.tsx
+++ b/src/modules/reader/components/settings/layout/profiles/ReaderSettingProfiles.tsx
@@ -1,53 +0,0 @@
-/*
- * Copyright (C) Contributors to the Suwayomi project
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
-
-import { useTranslation } from 'react-i18next';
-import { MutableListSetting } from '@/modules/core/components/settings/MutableListSetting.tsx';
-import { IReaderSettings } from '@/modules/reader/types/Reader.types.ts';
-import { DEFAULT_READER_PROFILE } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
-
-export const ReaderSettingProfiles = ({
-    profiles,
-    updateSetting,
-}: Pick<IReaderSettings, 'profiles'> & {
-    updateSetting: (profiles: IReaderSettings['profiles'], removedProfiles: string[]) => void;
-}) => {
-    const { t } = useTranslation();
-
-    return (
-        <MutableListSetting
-            settingName={t('global.label.profile_other')}
-            description={t('reader.settings.profiles.description')}
-            handleChange={(profileList, removedProfiles) =>
-                updateSetting(
-                    [
-                        ...new Set(
-                            [DEFAULT_READER_PROFILE, ...profileList].filter(
-                                (device) => device !== t('global.label.standard'),
-                            ),
-                        ),
-                    ],
-                    removedProfiles,
-                )
-            }
-            valueInfos={profiles.map((profile) => [
-                profile === DEFAULT_READER_PROFILE ? t('global.label.standard') : profile,
-                { mutable: false, deletable: profile !== DEFAULT_READER_PROFILE },
-            ])}
-            addItemButtonTitle={t('global.button.create')}
-            validateItem={(profileToValidate, tmpProfiles) =>
-                profileToValidate.length <= 16 &&
-                !!profileToValidate.match(/^[a-zA-Z0-9\-_]+$/g) &&
-                ![...profiles, ...(tmpProfiles ?? [])]
-                    .map((profile) => profile.toLowerCase())
-                    .includes(profileToValidate.toLowerCase())
-            }
-            placeholder={t('reader.settings.profiles.placeholder')}
-        />
-    );
-};
--- a/src/modules/reader/components/settings/layout/profiles/ReaderSettingReadingModesDefaultProfile.tsx
+++ b/src/modules/reader/components/settings/layout/profiles/ReaderSettingReadingModesDefaultProfile.tsx
@@ -1,50 +0,0 @@
-/*
- * Copyright (C) Contributors to the Suwayomi project
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
-
-import Stack from '@mui/material/Stack';
-import { useTranslation } from 'react-i18next';
-import Typography from '@mui/material/Typography';
-import {
-    READING_MODE_VALUE_TO_DISPLAY_DATA,
-    READING_MODE_VALUES,
-} from '@/modules/reader/constants/ReaderSettings.constants.tsx';
-import { IReaderSettings } from '@/modules/reader/types/Reader.types.ts';
-import { ButtonSelectInput } from '@/modules/core/components/inputs/ButtonSelectInput.tsx';
-import { createProfileValueToDisplayData } from '@/modules/reader/utils/ReaderSettings.utils.tsx';
-
-export const ReaderSettingReadingModesDefaultProfile = ({
-    profiles,
-    readingModesDefaultProfile,
-    updateSetting,
-}: Pick<IReaderSettings, 'profiles' | 'readingModesDefaultProfile'> & {
-    updateSetting: (readingModesDefaultProfile: IReaderSettings['readingModesDefaultProfile']) => void;
-}) => {
-    const { t } = useTranslation();
-
-    return (
-        <Stack sx={{ gap: 2 }}>
-            <Typography>Reading mode default profile</Typography>
-            {READING_MODE_VALUES.map((readingMode) => (
-                <Stack key={readingMode} sx={{ gap: 1 }}>
-                    <ButtonSelectInput
-                        label={t(READING_MODE_VALUE_TO_DISPLAY_DATA[readingMode].title)}
-                        value={readingModesDefaultProfile[readingMode]}
-                        values={profiles}
-                        setValue={(profile) =>
-                            updateSetting({
-                                ...readingModesDefaultProfile,
-                                [readingMode]: profile,
-                            })
-                        }
-                        valueToDisplayData={createProfileValueToDisplayData(profiles)}
-                    />
-                </Stack>
-            ))}
-        </Stack>
-    );
-};
--- a/src/modules/reader/constants/ReaderSettings.constants.tsx
+++ b/src/modules/reader/constants/ReaderSettings.constants.tsx
@@ -34,7 +34,7 @@ import { ContinuousHorizontalPageIcon } from '@/assets/icons/svg/ContinuousHoriz
 import { TranslationKey } from '@/Base.types.ts';
 import { TapZoneLayouts } from '@/modules/reader/types/TapZoneLayout.types.ts';

-export const DEFAULT_READER_PROFILE = 'default';
+export const DEFAULT_READER_PROFILE = ReadingMode.SINGLE_PAGE;

 export const READING_DIRECTION_TO_THEME_DIRECTION: Record<ReadingDirection, Direction> = {
    [ReadingDirection.LTR]: 'ltr',
@@ -52,8 +52,6 @@ const GLOBAL_READER_SETTING_OBJECT: Record<keyof IReaderSettingsGlobal, undefine
    shouldShowPageNumber: undefined,
    isStaticNav: undefined,
    backgroundColor: undefined,
-    profiles: undefined,
-    readingModesDefaultProfile: undefined,
    hotkeys: undefined,
    imagePreLoadAmount: undefined,
 };
@@ -109,14 +107,6 @@ export const DEFAULT_READER_SETTINGS: IReaderSettings = {
        invert: false,
    },
    pageGap: 5,
-    profiles: [DEFAULT_READER_PROFILE],
-    readingModesDefaultProfile: {
-        [ReadingMode.SINGLE_PAGE]: DEFAULT_READER_PROFILE,
-        [ReadingMode.DOUBLE_PAGE]: DEFAULT_READER_PROFILE,
-        [ReadingMode.CONTINUOUS_VERTICAL]: DEFAULT_READER_PROFILE,
-        [ReadingMode.CONTINUOUS_HORIZONTAL]: DEFAULT_READER_PROFILE,
-    },
-    defaultProfile: DEFAULT_READER_PROFILE,
    hotkeys: {
        [ReaderHotkey.PREVIOUS_PAGE]: ['arrowleft', 'a'],
        [ReaderHotkey.NEXT_PAGE]: ['arrowright', 'd'],
@@ -128,7 +118,6 @@ export const DEFAULT_READER_SETTINGS: IReaderSettings = {
        [ReaderHotkey.CYCLE_SCALE_TYPE]: ['i'],
        [ReaderHotkey.STRETCH_IMAGE]: ['f'],
        [ReaderHotkey.OFFSET_SPREAD_PAGES]: ['o'],
-        [ReaderHotkey.CYCLE_PROFILES]: ['p'],
    },
    imagePreLoadAmount: 5,
 };
--- a/src/modules/reader/screens/GlobalReaderSettings.tsx
+++ b/src/modules/reader/screens/GlobalReaderSettings.tsx
@@ -13,7 +13,7 @@ import { LoadingPlaceholder } from '@/modules/core/components/placeholder/Loadin
 import { EmptyViewAbsoluteCentered } from '@/modules/core/components/placeholder/EmptyViewAbsoluteCentered.tsx';
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
 import { useNavBarContext } from '@/modules/navigation-bar/contexts/NavbarContext.tsx';
-import { IReaderSettings } from '@/modules/reader/types/Reader.types.ts';
+import { IReaderSettings, ReadingMode } from '@/modules/reader/types/Reader.types.ts';
 import { ReaderService } from '@/modules/reader/services/ReaderService.ts';
 import { ReaderSettingsTabs } from '@/modules/reader/components/settings/ReaderSettingsTabs.tsx';

@@ -42,7 +42,7 @@ export const GlobalReaderSettings = () => {
        key: Setting,
        value: IReaderSettings[Setting],
        commit?: boolean,
-        profile?: string,
+        profile?: ReadingMode,
    ) => {
        ReaderService.updateSetting({ id: -1 }, key, value, commit, true, profile);
    };
--- a/src/modules/reader/screens/Reader.tsx
+++ b/src/modules/reader/screens/Reader.tsx
@@ -37,7 +37,6 @@ import { ReaderViewer } from '@/modules/reader/components/viewer/ReaderViewer.ts
 import { ReaderService } from '@/modules/reader/services/ReaderService.ts';
 import { READER_BACKGROUND_TO_COLOR } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
 import { createPageData, createPagesData } from '@/modules/reader/utils/ReaderPager.utils.tsx';
-import { getReaderProfile } from '@/modules/reader/utils/ReaderSettings.utils.tsx';
 import { ReaderHotkeys } from '@/modules/reader/components/ReaderHotkeys.tsx';
 import { ReaderResumeMode, ReaderTransitionPageMode } from '@/modules/reader/types/Reader.types.ts';
 import { getInitialReaderPageIndex } from '@/modules/reader/utils/Reader.utils.ts';
@@ -194,13 +193,7 @@ export const Reader = () => {
            defaultSettings,
        );

-        const profile = getReaderProfile(
-            settingsWithDefaultProfileFallback.defaultProfile,
-            settingsWithDefaultProfileFallback.profiles,
-            settingsWithDefaultProfileFallback.readingModesDefaultProfile,
-            settingsWithDefaultProfileFallback.readingMode.value,
-        );
-
+        const profile = settingsWithDefaultProfileFallback.readingMode.value;
        const profileSettings = getReaderSettings(
            'global',
            { meta: defaultSettingsMetadata! },
--- a/src/modules/reader/services/ReaderService.ts
+++ b/src/modules/reader/services/ReaderService.ts
@@ -19,6 +19,7 @@ import {
    ReaderOverlayMode,
    ReaderResumeMode,
    ReadingDirection,
+    ReadingMode,
 } from '@/modules/reader/types/Reader.types.ts';
 import { useReaderStateMangaContext } from '@/modules/reader/contexts/state/ReaderStateMangaContext.tsx';
 import { updateReaderSettings } from '@/modules/reader/services/ReaderSettingsMetadata.ts';
@@ -228,12 +229,12 @@ export class ReaderService {
        value: IReaderSettings[Setting],
        commit: boolean = true,
        isGlobal: boolean = false,
-        profile?: string,
+        profile?: ReadingMode,
    ): void {
        if (!manga) {
            return;
        }
-        const key = getMetadataKey(setting, profile ? [profile] : undefined);
+        const key = getMetadataKey(setting, profile !== undefined ? [profile?.toString()] : undefined);

        const { cache } = requestManager.graphQLClient.client;

@@ -294,7 +295,7 @@ export class ReaderService {
            return;
        }

-        const key = getMetadataKey(setting, profile ? [profile] : undefined);
+        const key = getMetadataKey(setting, profile !== undefined ? [profile] : undefined);

        const { cache } = requestManager.graphQLClient.client;

@@ -315,7 +316,7 @@ export class ReaderService {

    static useCreateUpdateSetting<Setting extends keyof IReaderSettings>(
        manga: MangaIdInfo,
-        profile?: string,
+        profile?: ReadingMode,
    ): (
        ...args: OmitFirst<Parameters<typeof this.updateSetting<Setting>>>
    ) => ReturnType<typeof this.updateSetting<Setting>> {
@@ -328,12 +329,12 @@ export class ReaderService {

    static useCreateDeleteSetting<Setting extends keyof IReaderSettings>(
        manga: MangaIdInfo,
-        profile?: string,
+        profile?: ReadingMode,
    ): (
        ...args: OmitFirst<Parameters<typeof this.deleteSetting<Setting>>>
    ) => ReturnType<typeof this.deleteSetting<Setting>> {
        return useCallback(
-            (setting, isGlobal) => this.deleteSetting<Setting>(manga, setting, isGlobal, profile),
+            (setting, isGlobal) => this.deleteSetting<Setting>(manga, setting, isGlobal, profile?.toString()),
            [manga, profile],
        );
    }
--- a/src/modules/reader/services/ReaderSettingsMetadata.ts
+++ b/src/modules/reader/services/ReaderSettingsMetadata.ts
@@ -13,7 +13,7 @@ import {
    requestUpdateServerMetadata,
 } from '@/modules/metadata/services/MetadataUpdater.ts';
 import { MangaType } from '@/lib/graphql/generated/graphql.ts';
-import { IReaderSettings, IReaderSettingsWithDefaultFlag } from '@/modules/reader/types/Reader.types.ts';
+import { IReaderSettings, IReaderSettingsWithDefaultFlag, ReadingMode } from '@/modules/reader/types/Reader.types.ts';
 import { convertFromGqlMeta } from '@/modules/metadata/services/MetadataConverter.ts';
 import { extractOriginalKey, getMetadataFrom } from '@/modules/metadata/services/MetadataReader.ts';
 import {
@@ -28,7 +28,6 @@ import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts'
 import { jsonSaveParse } from '@/lib/HelperFunctions.ts';
 import { MangaIdInfo } from '@/modules/manga/Manga.types.ts';
 import {
-    DEFAULT_READER_PROFILE,
    DEFAULT_READER_SETTINGS,
    GLOBAL_READER_SETTING_KEYS,
 } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
@@ -91,8 +90,6 @@ const convertSettingsToMetadata = (
    tapZoneInvertMode: JSON.stringify(settings.tapZoneInvertMode),
    customFilter: JSON.stringify(settings.customFilter),
    readerWidth: JSON.stringify(settings.readerWidth),
-    profiles: JSON.stringify(settings.profiles),
-    readingModesDefaultProfile: JSON.stringify(settings.readingModesDefaultProfile),
    hotkeys: JSON.stringify(settings.hotkeys),
 });

@@ -105,11 +102,7 @@ export const DEFAULT_READER_SETTINGS_WITH_DEFAULT_FLAG = convertToSettingsWithDe
 const convertMetadataToSettings = (
    metadata: Partial<Metadata<AppMetadataKeys, AllowedMetadataValueTypes>>,
    defaultSettings: IReaderSettings,
-): IReaderSettings => {
-    const profiles =
-        jsonSaveParse<IReaderSettings['profiles']>((metadata.profiles as string) ?? '') ?? defaultSettings.profiles;
-
-    return {
+): IReaderSettings => ({
    ...(metadata as unknown as IReaderSettings),
    tapZoneInvertMode:
        jsonSaveParse<IReaderSettings['tapZoneInvertMode']>((metadata.tapZoneInvertMode as string) ?? '') ??
@@ -120,38 +113,25 @@ const convertMetadataToSettings = (
    readerWidth:
        jsonSaveParse<IReaderSettings['readerWidth']>((metadata.readerWidth as string) ?? '') ??
        defaultSettings.readerWidth,
-        profiles,
-        readingModesDefaultProfile: Object.fromEntries(
-            Object.entries(
-                jsonSaveParse<IReaderSettings['readingModesDefaultProfile']>(
-                    (metadata.readingModesDefaultProfile as string) ?? '',
-                ) ?? defaultSettings.readingModesDefaultProfile,
-            ).map(([readingMode, profile]) => [
-                readingMode,
-                profiles.includes(profile) ? profile : DEFAULT_READER_PROFILE,
-            ]),
-        ) as IReaderSettings['readingModesDefaultProfile'],
    hotkeys: {
        ...defaultSettings.hotkeys,
-            ...(jsonSaveParse<IReaderSettings['hotkeys']>((metadata.hotkeys as string) ?? '') ??
-                defaultSettings.hotkeys),
+        ...(jsonSaveParse<IReaderSettings['hotkeys']>((metadata.hotkeys as string) ?? '') ?? defaultSettings.hotkeys),
    },
-    };
-};
+});

 export const getReaderSettings = (
    type: Extract<MetadataHolderType, 'global' | 'manga'>,
    metadataHolder: (MangaIdInfo & MetadataHolder) | MetadataHolder,
    defaultSettings: IReaderSettings = DEFAULT_READER_SETTINGS,
    useEffectFn?: typeof useEffect,
-    profile: string = DEFAULT_READER_PROFILE,
+    profile?: ReadingMode,
 ) =>
    convertMetadataToSettings(
        getMetadataFrom(
            type as Parameters<typeof getMetadataFrom>[0],
            metadataHolder as Parameters<typeof getMetadataFrom>[1],
            convertSettingsToMetadata(defaultSettings),
-            [profile],
+            profile !== undefined ? [profile.toString()] : undefined,
            true,
            useEffectFn,
        ),
@@ -163,21 +143,21 @@ function getReaderSettingsWithDefaultValueFallback(
    metadataHolder: MetadataHolder,
    defaultSettings?: IReaderSettings,
    useEffectFn?: typeof useEffect,
-    profile?: string,
+    profile?: ReadingMode,
 ): IReaderSettingsWithDefaultFlag;
 function getReaderSettingsWithDefaultValueFallback(
    type: 'manga',
    metadataHolder: MangaIdInfo & MetadataHolder,
    defaultSettings?: IReaderSettings,
    useEffectFn?: typeof useEffect,
-    profile?: string,
+    profile?: ReadingMode,
 ): IReaderSettingsWithDefaultFlag;
 function getReaderSettingsWithDefaultValueFallback(
    type: Extract<MetadataHolderType, 'global' | 'manga'>,
    metadataHolder: (MangaIdInfo & MetadataHolder) | MetadataHolder,
    defaultSettings: IReaderSettings = DEFAULT_READER_SETTINGS,
    useEffectFn?: typeof useEffect,
-    profile?: string,
+    profile?: ReadingMode,
 ): IReaderSettingsWithDefaultFlag {
    const settings = getReaderSettings(type, metadataHolder, defaultSettings, useEffectFn, profile);
    return convertToSettingsWithDefaultFlag(type, settings, metadataHolder);
@@ -187,7 +167,7 @@ const getSettings = (
    metaHolder: MangaIdInfo & GqlMetaHolder,
    defaultSettings?: IReaderSettings,
    useEffectFn?: typeof useEffect,
-    profile?: string,
+    profile?: ReadingMode,
 ): IReaderSettingsWithDefaultFlag =>
    getReaderSettingsWithDefaultValueFallback(
        'manga',
@@ -211,14 +191,14 @@ export const getReaderSettingsFor = (
 export const useGetReaderSettingsFor = (
    metaHolder: MangaIdInfo & GqlMetaHolder,
    defaultSettings: IReaderSettings,
-    profile?: string,
+    profile?: ReadingMode,
 ): IReaderSettingsWithDefaultFlag => {
    const settings = getSettings(metaHolder, defaultSettings, useEffect, profile);
    return useMemo(() => settings, [metaHolder, defaultSettings, profile]);
 };

 export const useDefaultReaderSettings = (
-    profile?: string,
+    profile?: ReadingMode,
 ): {
    metadata?: Metadata;
    settings: IReaderSettings;
@@ -244,7 +224,7 @@ export const useDefaultReaderSettings = (
 };

 export const useDefaultReaderSettingsWithDefaultFlag = (
-    profile?: string,
+    profile?: ReadingMode,
 ): {
    metadata?: Metadata;
    settings: IReaderSettingsWithDefaultFlag;
@@ -274,27 +254,27 @@ export const updateReaderSettings = async <Setting extends keyof IReaderSettings
    setting: Setting,
    value: IReaderSettings[Setting],
    isGlobal: boolean = false,
-    profile?: string,
+    profile?: ReadingMode,
 ): Promise<void[]> => {
    const isGlobalSetting = isGlobal || GLOBAL_READER_SETTING_KEYS.includes(setting);
    if (isGlobalSetting) {
        return requestUpdateServerMetadata(
            [[setting, convertSettingsToMetadata({ [setting]: value })[setting]]],
-            profile ? [profile] : undefined,
+            profile !== undefined ? [profile?.toString()] : undefined,
        );
    }

    return requestUpdateMangaMetadata(
        manga,
        [[setting, convertSettingsToMetadata({ [setting]: value })[setting]]],
-        profile ? [profile] : undefined,
+        profile !== undefined ? [profile?.toString()] : undefined,
    );
 };
 export const createUpdateReaderSettings =
    <Settings extends keyof IReaderSettings>(
        manga: Pick<MangaType, 'id'> & GqlMetaHolder,
        handleError: (error: any) => void = defaultPromiseErrorHandler('createUpdateReaderSettings'),
-        profile?: string,
+        profile?: ReadingMode,
    ): ((...args: OmitFirst<Parameters<typeof updateReaderSettings<Settings>>>) => Promise<void | void[]>) =>
    (setting, value, isGlobal) =>
        updateReaderSettings(manga, setting, value, isGlobal, profile).catch(handleError);
--- a/src/modules/reader/types/Reader.types.ts
+++ b/src/modules/reader/types/Reader.types.ts
@@ -119,8 +119,6 @@ export interface IReaderSettingsGlobal {
    shouldShowPageNumber: boolean;
    isStaticNav: boolean;
    backgroundColor: ReaderBackgroundColor;
-    profiles: string[];
-    readingModesDefaultProfile: Record<ReadingMode, string>;
    hotkeys: Record<ReaderHotkey, string[]>;
    imagePreLoadAmount: number;
 }
@@ -144,7 +142,6 @@ export interface IReaderSettingsManga {
        value: number;
        enabled: boolean;
    };
-    defaultProfile: string;
 }

 export interface IReaderSettings extends IReaderSettingsGlobal, IReaderSettingsManga {}
@@ -206,7 +203,6 @@ export enum ReaderHotkey {
    CYCLE_SCALE_TYPE,
    STRETCH_IMAGE,
    OFFSET_SPREAD_PAGES,
-    CYCLE_PROFILES,
 }

 export interface ReaderPagerProps
--- a/src/modules/reader/utils/ReaderSettings.utils.tsx
+++ b/src/modules/reader/utils/ReaderSettings.utils.tsx
@@ -6,50 +6,13 @@
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

-import ManageAccountsIcon from '@mui/icons-material/ManageAccounts';
-import {
-    IReaderSettings,
-    IReaderSettingsWithDefaultFlag,
-    ReaderPageScaleMode,
-    ReadingMode,
-} from '@/modules/reader/types/Reader.types.ts';
-import { DEFAULT_READER_PROFILE } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
-import { ValueToDisplayData } from '@/modules/core/Core.types.ts';
+import { IReaderSettings, ReaderPageScaleMode, ReadingMode } from '@/modules/reader/types/Reader.types.ts';

 export const isOffsetDoubleSpreadPagesEditable = (readingMode: IReaderSettings['readingMode']): boolean =>
    readingMode === ReadingMode.DOUBLE_PAGE;

-export const createProfileValueToDisplayData = (
-    profiles: string[],
-    setIcon: boolean = false,
-): ValueToDisplayData<string> =>
-    Object.fromEntries(
-        profiles.map((profile) => [
-            profile,
-            {
-                isTitleString: profile !== DEFAULT_READER_PROFILE,
-                title: profile === DEFAULT_READER_PROFILE ? 'global.label.standard' : profile,
-                icon: setIcon ? <ManageAccountsIcon /> : null,
-            },
-        ]),
-    ) as ValueToDisplayData<string>;
-
-export const getValidReaderProfile = (profile: string, profiles: string[]): string =>
-    profiles.includes(profile) ? profile : DEFAULT_READER_PROFILE;
-
 export const isReaderWidthEditable = (pageScaleMode: IReaderSettings['pageScaleMode']): boolean =>
    [ReaderPageScaleMode.WIDTH, ReaderPageScaleMode.SCREEN].includes(pageScaleMode);

 export const isContinuousReadingMode = (readingMode: IReaderSettings['readingMode']): boolean =>
    [ReadingMode.CONTINUOUS_VERTICAL, ReadingMode.CONTINUOUS_HORIZONTAL].includes(readingMode);
-
-export const getReaderProfile = (
-    defaultProfile: IReaderSettingsWithDefaultFlag['defaultProfile'],
-    profiles: IReaderSettings['profiles'],
-    readingModesDefaultProfile: IReaderSettings['readingModesDefaultProfile'],
-    readingMode: IReaderSettings['readingMode'],
-): string =>
-    getValidReaderProfile(
-        defaultProfile.isDefault ? readingModesDefaultProfile[readingMode] : defaultProfile.value,
-        profiles,
-    );