Refactor(structure): Component exports and imports

src/components/Form/Settings/Checkbox/Checkbox.jsx

@@ -58,4 +58,4 @@ class Checkbox extends PureComponent {
   }
 }
 
-export default Checkbox;
+export { Checkbox as default, Checkbox };

src/components/Form/Settings/Checkbox/index.jsx

@@ -0,0 +1 @@
+export * from './Checkbox';

src/components/Form/Settings/ChipSelect/index.jsx

@@ -0,0 +1 @@
+export * from './ChipSelect';

src/components/Form/Settings/Dropdown/Dropdown.jsx

@@ -73,4 +73,4 @@ class Dropdown extends PureComponent {
   }
 }
 
-export default Dropdown;
+export { Dropdown as default, Dropdown };

src/components/Form/Settings/Dropdown/index.jsx

@@ -0,0 +1 @@
+export * from './Dropdown';

src/components/Form/Settings/FileUpload/index.jsx

@@ -0,0 +1 @@
+export * from './FileUpload';

src/components/Form/Settings/Radio/Radio.jsx

@@ -84,4 +84,4 @@ class Radio extends PureComponent {
   }
 }
 
-export default Radio;
+export { Radio as default, Radio };

src/components/Form/Settings/Radio/index.jsx

@@ -0,0 +1 @@
+export * from './Radio';

src/components/Form/Settings/Slider/Slider.jsx

@@ -85,4 +85,4 @@ class SliderComponent extends PureComponent {
   }
 }
 
-export default SliderComponent;
+export { SliderComponent as default, SliderComponent as Slider };

src/components/Form/Settings/Slider/index.jsx

@@ -0,0 +1 @@
+export * from './Slider';

src/components/Form/Settings/Switch/index.jsx

@@ -0,0 +1 @@
+export * from './Switch';

src/components/Form/Settings/Text/Text.jsx

@@ -81,4 +81,4 @@ class Text extends PureComponent {
   }
 }
 
-export default Text;
+export { Text as default, Text };

src/components/Form/Settings/Text/index.jsx

@@ -0,0 +1 @@
+export * from './Text';

src/components/Form/Settings/index.jsx

@@ -0,0 +1,8 @@
+export * from './Checkbox';
+export * from './ChipSelect';
+export * from './Dropdown';
+export * from './FileUpload';
+export * from './Radio';
+export * from './Slider';
+export * from './Switch';
+export * from './Text';

src/components/Form/index.jsx

@@ -0,0 +1 @@
+export * from './Settings';

src/components/Layout/Settings/Header/Header.jsx

@@ -13,7 +13,7 @@ export const CustomActions = ({ children }) => {
   return children;
 };
 
-export default function Header(props) {
+function Header(props) {
   const [setting, setSetting] = useState(localStorage.getItem(props.setting) === 'true');
 
   useEffect(() => {
@@ -88,5 +88,4 @@ export default function Header(props) {
   );
 }
 
-// Remove the export statement for customActions
-// export { customActions };
+export { Header as default, Header };

src/components/Layout/Settings/Header/index.jsx

@@ -0,0 +1 @@
+export * from './Header';

src/components/Layout/Settings/Item/index.jsx

@@ -0,0 +1 @@
+export * from './SettingsItem';

src/components/Layout/Settings/PreferencesWrapper/PreferencesWrapper.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { Row, Content, Action } from '../../../../components/Layout/Settings/Item/SettingsItem';
+import { Row, Content, Action } from '../Item/SettingsItem';
 import variables from 'config/variables';
-import Slider from '../../../../components/Form/Settings/Slider/Slider';
+import Slider from '../../../Form/Settings/Slider/Slider';
 
 import { values } from 'modules/helpers/settings/modals';
 import EventBus from 'modules/helpers/eventbus';

src/components/Layout/Settings/PreferencesWrapper/index.jsx

@@ -0,0 +1 @@
+export * from './PreferencesWrapper';

src/components/Layout/Settings/index.jsx

@@ -0,0 +1,4 @@
+export * from './Header';
+export * from './Item';
+export * from './PreferencesWrapper';
+export * from './Section';

src/components/Layout/index.jsx

@@ -1 +1,2 @@
+export * from './Settings';
 export * from './WidgetsLayout';

src/features/modals/main/marketplace/Item.jsx

@@ -17,7 +17,7 @@ import {
 } from 'react-icons/md';
 import Modal from 'react-modal';
 
-import Header from '../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import { Button } from 'components/Elements';
 
 import { install, uninstall } from 'modules/helpers/marketplace';

src/features/modals/main/marketplace/sections/Added.jsx

@@ -9,7 +9,7 @@ import FileUpload from '../../../../../components/Form/Settings/FileUpload/FileU
 import Item from '../Item';
 import Items from '../Items';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
-import Header, { CustomActions } from '../../../../../components/Layout/Settings/Header/Header';
+import { Header, CustomActions } from 'components/Layout/Settings';
 import { Button } from 'components/Elements';
 
 import { install, uninstall, urlParser } from 'modules/helpers/marketplace';

src/features/modals/main/marketplace/sections/Marketplace.jsx

@@ -13,7 +13,7 @@ import {
 import Item from '../Item';
 import Items from '../Items';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import { Button } from 'components/Elements';
 
 import { install, urlParser, uninstall } from 'modules/helpers/marketplace';

src/features/modals/main/settings/sections/Advanced.jsx

@@ -15,7 +15,7 @@ import Text from '../../../../../components/Form/Settings/Text/Text';
 import Switch from '../../../../../components/Form/Settings/Switch/Switch';
 import ResetModal from '../ResetModal';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
 import Section from '../../../../../components/Layout/Settings/Section/Section';

src/features/modals/main/settings/sections/Appearance.jsx

@@ -2,16 +2,8 @@ import { memo, useState } from 'react';
 
 import variables from 'config/variables';
 
-import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
-import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
-import Radio from '../../../../../components/Form/Settings/Radio/Radio';
-import Slider from '../../../../../components/Form/Settings/Slider/Slider';
-import Text from '../../../../../components/Form/Settings/Text/Text';
-import Header from '../../../../../components/Layout/Settings/Header/Header';
-
-import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
-
-import Section from '../../../../../components/Layout/Settings/Section/Section';
+import { Checkbox, Dropdown, Radio, Slider, Text } from 'components/Form/Settings';
+import { Header, Section, Row, Content, Action } from 'components/Layout/Settings';
 
 import { MdAccessibility } from 'react-icons/md';
 

src/features/modals/main/settings/sections/Date.jsx

@@ -1,12 +1,12 @@
 import variables from 'config/variables';
 import { useState } from 'react';
 
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
 
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 
 export default function Date() {
   const [dateType, setDateType] = useState(localStorage.getItem('dateType') || 'long');

src/features/modals/main/settings/sections/Greeting.jsx

@@ -1,13 +1,13 @@
 import variables from 'config/variables';
 import { useState } from 'react';
 
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
 import Switch from '../../../../../components/Form/Settings/Switch/Switch';
 import Text from '../../../../../components/Form/Settings/Text/Text';
 
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 
 const GreetingSettings = () => {
   const [birthday, setBirthday] = useState(

src/features/modals/main/settings/sections/Message.jsx

@@ -5,10 +5,10 @@ import { toast } from 'react-toastify';
 import { TextareaAutosize } from '@mui/material';
 
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 
 import EventBus from 'modules/helpers/eventbus';
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 
 export default class Message extends PureComponent {
   constructor() {

src/features/modals/main/settings/sections/Navbar.jsx

@@ -12,7 +12,7 @@ import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown'
 import { Button } from 'components/Elements';
 
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import { getTitleFromUrl, isValidUrl } from 'modules/helpers/settings/modals';
 import QuickLink from './quicklinks/QuickLink';
 

src/features/modals/main/settings/sections/QuickLinks.jsx

@@ -1,7 +1,7 @@
 import variables from 'config/variables';
 import { PureComponent, createRef } from 'react';
 import { MdAddLink, MdLinkOff } from 'react-icons/md';
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
 import { Button } from 'components/Elements';
@@ -13,7 +13,7 @@ import AddModal from './quicklinks/AddModal';
 import EventBus from 'modules/helpers/eventbus';
 import QuickLink from './quicklinks/QuickLink';
 import { getTitleFromUrl, isValidUrl } from 'modules/helpers/settings/modals';
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 
 export default class QuickLinks extends PureComponent {
   constructor() {

src/features/modals/main/settings/sections/Quote.jsx

@@ -3,13 +3,13 @@ import React, { PureComponent } from 'react';
 import { MdCancel, MdAdd, MdSource, MdOutlineFormatQuote } from 'react-icons/md';
 import TextareaAutosize from '@mui/material/TextareaAutosize';
 
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
 
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
 import Section from '../../../../../components/Layout/Settings/Section/Section';
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 
 import { toast } from 'react-toastify';
 import EventBus from 'modules/helpers/eventbus';

src/features/modals/main/settings/sections/Search.jsx

@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
 import { toast } from 'react-toastify';
 import { MenuItem, TextField } from '@mui/material';
 
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
 import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
 
@@ -12,7 +12,7 @@ import { Row, Content, Action } from '../../../../../components/Layout/Settings/
 import EventBus from 'modules/helpers/eventbus';
 
 import searchEngines from 'features/widgets/search/search_engines.json';
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 
 export default class SearchSettings extends PureComponent {
   constructor() {

src/features/modals/main/settings/sections/Stats.jsx

@@ -6,7 +6,7 @@ import { FaTrophy } from 'react-icons/fa';
 import { toast } from 'react-toastify';
 
 import { Button } from 'components/Elements';
-import Header, { CustomActions } from '../../../../../components/Layout/Settings/Header/Header';
+import { Header, CustomActions } from 'components/Layout/Settings';
 
 import { saveFile } from 'modules/helpers/settings/modals';
 

src/features/modals/main/settings/sections/Time.jsx

@@ -1,12 +1,12 @@
 import variables from 'config/variables';
 import React, { useState } from 'react';
 
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
 import Radio from '../../../../../components/Form/Settings/Radio/Radio';
 
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
 
 import { MdRefresh } from 'react-icons/md';

src/features/modals/main/settings/sections/Weather.jsx

@@ -3,13 +3,13 @@ import { PureComponent } from 'react';
 
 import { MdAutoAwesome } from 'react-icons/md';
 
-import Header from '../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Radio from '../../../../../components/Form/Settings/Radio/Radio';
 import Dropdown from '../../../../../components/Form/Settings/Dropdown/Dropdown';
 import Checkbox from '../../../../../components/Form/Settings/Checkbox/Checkbox';
 import { TextField } from '@mui/material';
 
-import PreferencesWrapper from '../PreferencesWrapper';
+import PreferencesWrapper from '../../../../../components/Layout/Settings/PreferencesWrapper/PreferencesWrapper';
 
 import { Row, Content, Action } from '../../../../../components/Layout/Settings/Item/SettingsItem';
 

src/features/modals/main/settings/sections/background/Background.jsx

@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
 import { MenuItem } from '@mui/material';
 import { MdSource, MdOutlineKeyboardArrowRight, MdOutlineAutoAwesome } from 'react-icons/md';
 
-import Header from '../../../../../../components/Layout/Settings/Header/Header';
+import { Header } from 'components/Layout/Settings';
 import Checkbox from '../../../../../../components/Form/Settings/Checkbox/Checkbox';
 import ChipSelect from '../../../../../../components/Form/Settings/ChipSelect/ChipSelect';
 import Dropdown from '../../../../../../components/Form/Settings/Dropdown/Dropdown';