style: cleanup some things

src/components/modals/main/marketplace/Items.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function Items(props) {
   return (
     <div className='items'>

src/components/modals/main/marketplace/Lightbox.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function Lightbox(props) {
   return (
     <>

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

@@ -153,6 +153,16 @@ export default class Marketplace extends React.PureComponent {
       );
     };
 
+    const featured = () => {
+      return (
+        <div className='featured' style={{ 'backgroundColor': this.state.featured.colour }}>
+          <p>{this.state.featured.title}</p>
+          <h1>{this.state.featured.name}</h1>
+          <button className='addToMue' onClick={() => window.open(this.state.featured.buttonLink)}>{this.state.featured.buttonText}</button>
+        </div>
+      );
+    }
+
     if (navigator.onLine === false || localStorage.getItem('offlineMode') === 'true') {
       return errorMessage(<>
         <WifiOffIcon/>
@@ -166,11 +176,16 @@ export default class Marketplace extends React.PureComponent {
     }
 
     if (this.state.items.length === 0) {
-      return errorMessage(<>
-        <LocalMallIcon/>
-        <h1>{window.language.modals.main.addons.empty.title}</h1>
-        <p className='description'>{this.language.no_items}</p>
-      </>);
+      return (
+        <>
+          {featured()}
+          {errorMessage(<>
+            <LocalMallIcon/>
+            <h1>{window.language.modals.main.addons.empty.title}</h1>
+            <p className='description'>{this.language.no_items}</p>
+          </>)}
+        </>
+      )
     }
 
     if (this.state.item.display_name) {
@@ -179,11 +194,7 @@ export default class Marketplace extends React.PureComponent {
 
     return (
       <>
-        <div className='featured' style={{ 'backgroundColor': this.state.featured.colour }}>
-          <p>{this.state.featured.title}</p>
-          <h1>{this.state.featured.name}</h1>
-          <button className='addToMue' onClick={() => window.open(this.state.featured.buttonLink)}>{this.state.featured.buttonText}</button>
-        </div>
+        {featured()}
         <br/>
         <Dropdown label={window.language.modals.main.addons.sort.title} name='sortMarketplace' onChange={(value) => this.sortMarketplace(value)}>
           <option value='a-z'>{window.language.modals.main.addons.sort.a_z}</option>

src/components/modals/main/settings/ResetModal.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import SettingsFunctions from '../../../../modules/helpers/settings';
 
 export default function ResetModal(props) {

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

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { engineName } from 'react-device-detect';
 
 import Checkbox from '../Checkbox';

src/components/modals/main/settings/sections/Changelog.jsx

@@ -43,7 +43,7 @@ export default class Changelog extends React.PureComponent {
     const images = content.getElementsByTagName('img');
     const links = content.getElementsByTagName('a');
 
-    for (let img of images) {
+    for (const img of images) {
       img.draggable = false;
       img.onclick = () => {
         this.setState({

src/components/modals/main/settings/sections/Experimental.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Checkbox from '../Checkbox';
 import Slider from '../Slider';
 

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

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Switch from '../Switch';
 import Checkbox from '../Checkbox';
 

src/components/modals/main/tabs/Addons.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Added from '../marketplace/sections/Added';
 import Sideload from '../marketplace/sections/Sideload';
 

src/components/modals/main/tabs/Marketplace.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import MarketplaceTab from '../marketplace/sections/Marketplace';
 
 import Tabs from './backend/Tabs';

src/components/modals/main/tabs/Settings.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import About from '../settings/sections/About';
 import Language from '../settings/sections/Language';
 import Search from '../settings/sections/Search';

src/components/modals/welcome/Welcome.jsx

@@ -1,5 +1,3 @@
-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';