diff --git a/src/features/misc/modals/main/settings/sections/About.jsx b/src/features/misc/sections/About.jsx similarity index 99% rename from src/features/misc/modals/main/settings/sections/About.jsx rename to src/features/misc/sections/About.jsx index 33d5e98c..eb5c78b8 100644 --- a/src/features/misc/modals/main/settings/sections/About.jsx +++ b/src/features/misc/sections/About.jsx @@ -8,7 +8,7 @@ import { BiDonateHeart } from 'react-icons/bi'; import { Tooltip } from 'components/Elements'; import other_contributors from 'utils/data/other_contributors.json'; -export default class About extends PureComponent { +class About extends PureComponent { constructor() { super(); this.state = { @@ -379,3 +379,5 @@ export default class About extends PureComponent { ); } } + +export { About as default, About }; diff --git a/src/features/misc/modals/main/settings/sections/Advanced.jsx b/src/features/misc/sections/Advanced.jsx similarity index 98% rename from src/features/misc/modals/main/settings/sections/Advanced.jsx rename to src/features/misc/sections/Advanced.jsx index 40a4eb0d..0f5b588e 100644 --- a/src/features/misc/modals/main/settings/sections/Advanced.jsx +++ b/src/features/misc/sections/Advanced.jsx @@ -17,7 +17,7 @@ import { Header, Section, Row, Content, Action } from 'components/Layout/Setting import time_zones from 'features/time/timezones.json'; -export default function AdvancedSettings() { +function AdvancedOptions() { const [resetModal, setResetModal] = useState(false); const [data, setData] = useState(false); const ADVANCED_SECTION = 'modals.main.settings.sections.advanced'; @@ -179,3 +179,5 @@ export default function AdvancedSettings() { > ); } + +export { AdvancedOptions as default, AdvancedOptions }; diff --git a/src/features/misc/modals/main/settings/sections/Appearance.jsx b/src/features/misc/sections/Appearance.jsx similarity index 97% rename from src/features/misc/modals/main/settings/sections/Appearance.jsx rename to src/features/misc/sections/Appearance.jsx index 041fd7a9..44f8c593 100644 --- a/src/features/misc/modals/main/settings/sections/Appearance.jsx +++ b/src/features/misc/sections/Appearance.jsx @@ -9,7 +9,7 @@ import { MdAccessibility } from 'react-icons/md'; import values from 'utils/data/slider_values.json'; -function AppearanceSettings() { +function AppearanceOptions() { const [accessibility, setAccessibility] = useState(false); const ThemeSelection = () => { @@ -285,4 +285,5 @@ function AppearanceSettings() { ); } -export default memo(AppearanceSettings); +const MemoizedAppearanceOptions = memo(AppearanceOptions); +export { MemoizedAppearanceOptions as default, MemoizedAppearanceOptions as AppearanceOptions }; diff --git a/src/features/misc/modals/main/settings/sections/Changelog.jsx b/src/features/misc/sections/Changelog.jsx similarity index 96% rename from src/features/misc/modals/main/settings/sections/Changelog.jsx rename to src/features/misc/sections/Changelog.jsx index f01c2473..0718dd18 100644 --- a/src/features/misc/modals/main/settings/sections/Changelog.jsx +++ b/src/features/misc/sections/Changelog.jsx @@ -3,9 +3,9 @@ import { PureComponent, createRef } from 'react'; import { MdOutlineWifiOff } from 'react-icons/md'; import Modal from 'react-modal'; -import Lightbox from '../../../../../marketplace/components/Elements/Lightbox/Lightbox'; +import Lightbox from '../../marketplace/components/Elements/Lightbox/Lightbox'; -export default class Changelog extends PureComponent { +class Changelog extends PureComponent { constructor() { super(); this.state = { @@ -158,3 +158,5 @@ export default class Changelog extends PureComponent { ); } } + +export { Changelog as default, Changelog }; diff --git a/src/features/misc/modals/main/settings/sections/Experimental.jsx b/src/features/misc/sections/Experimental.jsx similarity index 82% rename from src/features/misc/modals/main/settings/sections/Experimental.jsx rename to src/features/misc/sections/Experimental.jsx index a1482e87..9269f10b 100644 --- a/src/features/misc/modals/main/settings/sections/Experimental.jsx +++ b/src/features/misc/sections/Experimental.jsx @@ -1,19 +1,15 @@ import variables from 'config/variables'; import { useState, memo } from 'react'; -import Checkbox from '../../../../../../components/Form/Settings/Checkbox/Checkbox'; -import Slider from '../../../../../../components/Form/Settings/Slider/Slider'; +import Checkbox from '../../../components/Form/Settings/Checkbox/Checkbox'; +import Slider from '../../../components/Form/Settings/Slider/Slider'; import { TextField } from '@mui/material'; import EventBus from 'utils/eventbus'; import values from 'utils/data/slider_values.json'; -import { - Row, - Content, - Action, -} from '../../../../../../components/Layout/Settings/Item/SettingsItem'; +import { Row, Content, Action } from '../../../components/Layout/Settings/Item/SettingsItem'; -function ExperimentalSettings() { +function ExperimentalOptions() { const [eventType, setEventType] = useState(); const [eventName, setEventName] = useState(); @@ -79,4 +75,8 @@ function ExperimentalSettings() { ); } -export default memo(ExperimentalSettings); +const MemoizedExperimentalOptions = memo(ExperimentalOptions); +export { + MemoizedExperimentalOptions as default, + MemoizedExperimentalOptions as ExperimentalOptions, +}; diff --git a/src/features/misc/modals/main/settings/sections/Language.jsx b/src/features/misc/sections/Language.jsx similarity index 96% rename from src/features/misc/modals/main/settings/sections/Language.jsx rename to src/features/misc/sections/Language.jsx index 43ca854c..abc42ee4 100644 --- a/src/features/misc/modals/main/settings/sections/Language.jsx +++ b/src/features/misc/sections/Language.jsx @@ -7,7 +7,7 @@ import { Radio } from 'components/Form/Settings'; import languages from '@/i18n/languages.json'; -export default class LanguageSettings extends PureComponent { +class LanguageOptions extends PureComponent { constructor() { super(); this.state = { @@ -109,3 +109,5 @@ export default class LanguageSettings extends PureComponent { ); } } + +export { LanguageOptions as default, LanguageOptions }; diff --git a/src/features/misc/modals/main/settings/sections/Overview.jsx b/src/features/misc/sections/Overview.jsx similarity index 98% rename from src/features/misc/modals/main/settings/sections/Overview.jsx rename to src/features/misc/sections/Overview.jsx index 857b4d1b..9e1e91ac 100644 --- a/src/features/misc/modals/main/settings/sections/Overview.jsx +++ b/src/features/misc/sections/Overview.jsx @@ -33,7 +33,7 @@ const SortableContainer = sortableContainer(({ children }) => (