Finally stop using react-scripts

src/components/modals/Feedback.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-const FeedbackModal = () => {
+export default function FeedbackModal(props) {
     return (
         <div className='feedback'>
           <h1>Give us feedback</h1>
-          <span className='closeModal' onClick={this.props.modalClose}>&times;</span>
+          <span className='closeModal' onClick={props.modalClose}>&times;</span>
            <label>How would you rate your experience of this Mue Build?</label>
            <br/><br/>
            <label className='values'>0</label><input className='range' type='range' min='0' max='100' /><label className='values'>10</label>
@@ -20,6 +20,4 @@ const FeedbackModal = () => {
            <button>Submit</button>
        </div>
     );
-}
-
-export default FeedbackModal;
+}

src/components/modals/Update.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import * as Constants from '../../modules/constants';
 
 export default class Update extends React.PureComponent {

src/components/modals/Welcome.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
+
 import EmailIcon from '@material-ui/icons/Email';
 import TwitterIcon from '@material-ui/icons/Twitter';
 import ForumIcon from '@material-ui/icons/Forum';
 
-const WelcomeModal = (props) => {
+export default function WelcomeModal(props) {
   return (
     <div className='welcomeContent'>
         <span className='closeModal' onClick={props.modalClose}>&times;</span>
@@ -22,6 +23,4 @@ const WelcomeModal = (props) => {
         </div>
        </div>
   );
-}
-
-export default WelcomeModal;
+}

src/components/modals/marketplace/Item.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import ArrowBackIcon from '@material-ui/icons/ArrowBack';
 
 export default class Item extends React.PureComponent {

src/components/modals/settings/Checkbox.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
+
 import SettingsFunctions from '../../../modules/helpers/settings';
+
 import CheckboxUI from '@material-ui/core/Checkbox';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 

src/components/modals/settings/FileUpload.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { toast } from 'react-toastify';
 
 export default class FileUpload extends React.PureComponent {
@@ -16,7 +17,7 @@ export default class FileUpload extends React.PureComponent {
 
           reader.readAsDataURL(file);
         }
-        
+
         reader.addEventListener('load', (e) => this.props.loadFunction(e));
     };
   }

src/components/modals/settings/Section.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
+
 import Slider from './Slider';
+
 import ExpandMore from '@material-ui/icons/ExpandMore';
 
 export default class Section extends React.PureComponent {

src/components/modals/settings/Slider.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import SettingsFunctions from '../../../modules/helpers/settings';
 
 export default class Slider extends React.PureComponent {
@@ -11,7 +12,7 @@ export default class Slider extends React.PureComponent {
 
   handleChange(name) {
     SettingsFunctions.setItem(name);
-    
+
     this.setState({ 
       checked: (this.state.checked === true) ? false : true 
     });

src/components/modals/settings/sections/GreetingSettings.jsx

@@ -1,6 +1,8 @@
 import React from 'react';
+
 import Section from '../Section';
 import Checkbox from '../Checkbox';
+
 import DatePicker from 'react-date-picker';
 import { toast } from 'react-toastify';
 import { Beforeunload } from 'react-beforeunload';

src/components/modals/settings/sections/LanguageSettings.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Dropdown from '../Dropdown';
 
-const LanguageSettings = (props) => {
+export default function LanguageSettings (props) {
   return (
     <div className='section'>
       <h4 htmlFor='language' className='nodropdown'>{props.language.language}</h4>
@@ -18,6 +18,4 @@ const LanguageSettings = (props) => {
       </Dropdown>
     </div>
   );
-}
-
-export default LanguageSettings;
+}

src/components/modals/settings/sections/SearchSettings.jsx

@@ -1,6 +1,9 @@
 import React from 'react';
+
 import SettingsFunctions from '../../../../modules/helpers/settings';
+
 import { toast } from 'react-toastify';
+
 import Section from '../Section';
 import Dropdown from '../Dropdown';
 import Checkbox from '../Checkbox';

src/components/modals/tabs/Addons.jsx

@@ -1,9 +1,12 @@
 import React from 'react';
+
 import LocalMallIcon from '@material-ui/icons/LocalMall';
-import { toast } from 'react-toastify';
 import Item from '../marketplace/Item';
 import Items from '../marketplace/Items';
 import FileUpload from '../settings/FileUpload';
+
+import { toast } from 'react-toastify';
+
 import MarketplaceFunctions from '../../../modules/helpers/marketplace';
 
 export default class Addons extends React.PureComponent {
@@ -58,7 +61,7 @@ export default class Addons extends React.PureComponent {
             document.getElementById('marketplace').style.display = 'block';
             document.getElementById('item').style.display = 'none';
         }
-        
+
         this.setState({ 
             button: this.buttons.uninstall 
         });

src/components/modals/tabs/Marketplace.jsx

@@ -1,12 +1,16 @@
 import React from 'react';
+
 import WifiOffIcon from '@material-ui/icons/WifiOff';
 import ArrowBackIcon from '@material-ui/icons/ArrowBack';
-import { toast } from 'react-toastify';
 import Item from '../marketplace/Item';
-import MarketplaceFunctions from '../../../modules/helpers/marketplace';
-import * as Constants from '../../../modules/constants';
 import Items from '../marketplace/Items';
 
+import MarketplaceFunctions from '../../../modules/helpers/marketplace';
+
+import { toast } from 'react-toastify';
+
+import * as Constants from '../../../modules/constants';
+
 export default class Marketplace extends React.PureComponent {
   constructor(...args) {
     super(...args);

src/components/modals/tabs/Settings.jsx

@@ -1,9 +1,11 @@
 import React from 'react';
+
 import SettingsFunctions from '../../../modules/helpers/settings';
 import Checkbox from '../settings/Checkbox';
 import Dropdown from '../settings/Dropdown';
 import Section from '../settings/Section';
 import FileUpload from '../settings/FileUpload';
+
 import { toast } from 'react-toastify';
 
 import BackgroundSettings from '../settings/sections/BackgroundSettings';