From 617d78ae24fb54d2500b7e60d485aa882f68653c Mon Sep 17 00:00:00 2001
From: "Scott E. Graves" <scott.e.graves@protonmail.com>
Date: Tue, 9 Mar 2021 10:56:15 -0600
Subject: [PATCH] Fix warnings

---
 src/App.jsx                                       |  1 -
 src/components/ApplicationBusy/ApplicationBusy.js |  6 ++++--
 src/components/UI/Box/Box.js                      |  5 +++--
 src/components/UI/Button/Button.js                |  3 ++-
 src/components/UI/CheckBox/CheckBox.js            |  4 +++-
 src/components/UI/DropDown/DropDown.js            | 15 +++++++++------
 src/components/UI/Grid/Grid.js                    |  4 ++--
 .../UI/Grid/GridComponent/GridComponent.js        |  6 ++++--
 src/components/UI/Loading/Loading.js              |  4 +++-
 src/components/UI/Modal/Modal.js                  |  4 +++-
 src/components/UI/RootElem/RootElem.js            |  6 ++++--
 src/components/UI/Text/Text.js                    |  6 ++++--
 src/components/UpgradeIcon/UpgradeIcon.js         |  6 ++++--
 src/containers/IPCContainer/IPCContainer.js       |  4 ++--
 .../SkynetImport/ImportList/Import/Import.js      | 14 +++++++++++---
 .../SkynetImport/ImportList/ImportList.js         |  7 +++++--
 src/containers/SkynetImport/SkynetImport.js       |  2 +-
 src/containers/UI/Password/Password.js            |  2 +-
 18 files changed, 65 insertions(+), 34 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index f6e48bb..07ee00f 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -98,7 +98,6 @@ class App extends IPCContainer {
       !this.props.DownloadActive &&
       (selectedVersion !== 'unavailable') &&
       (selectedVersion !== this.props.InstalledVersion);
-    console.log(selectedVersion);
     const missingDependencies = (this.props.MissingDependencies.length > 0) &&
       this.props.AllowMount;
 
diff --git a/src/components/ApplicationBusy/ApplicationBusy.js b/src/components/ApplicationBusy/ApplicationBusy.js
index dc28d08..d2b478a 100644
--- a/src/components/ApplicationBusy/ApplicationBusy.js
+++ b/src/components/ApplicationBusy/ApplicationBusy.js
@@ -3,7 +3,7 @@ import Box from '../UI/Box/Box';
 import Loader from 'react-loader-spinner';
 import Text from '../UI/Text/Text';
 
-export default ({title}) => {
+const ApplicationBusy = ({title}) => {
   return (
     <Box dxStyle={{padding: 'var(--default_spacing)'}}>
       <Text
@@ -18,4 +18,6 @@ export default ({title}) => {
       </div>
     </Box>
   );
-}
+};
+
+export default ApplicationBusy;
diff --git a/src/components/UI/Box/Box.js b/src/components/UI/Box/Box.js
index d4dd5e7..afc77be 100644
--- a/src/components/UI/Box/Box.js
+++ b/src/components/UI/Box/Box.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './Box.css';
 
-export default props => {
+const Box = props => {
   const styleList = [];
   styleList.push('Box');
   if (props.dxDark) {
@@ -24,5 +24,6 @@ export default props => {
       {props.children}
     </div>
   );
+};
 
-};
\ No newline at end of file
+export default Box;
diff --git a/src/components/UI/Button/Button.js b/src/components/UI/Button/Button.js
index ae1b462..d7fc34d 100644
--- a/src/components/UI/Button/Button.js
+++ b/src/components/UI/Button/Button.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './Button.css';
 
-export default props => {
+const Button = props => {
   return (
     <button disabled={props.disabled}
             autoFocus={props.autoFocus}
@@ -11,3 +11,4 @@ export default props => {
   );
 };
 
+export default Button;
diff --git a/src/components/UI/CheckBox/CheckBox.js b/src/components/UI/CheckBox/CheckBox.js
index b195cf3..b555528 100644
--- a/src/components/UI/CheckBox/CheckBox.js
+++ b/src/components/UI/CheckBox/CheckBox.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './CheckBox.css';
 
-export default props => {
+const CheckBox = props => {
   return (
     <div className={'CheckBoxOwner'}>
       <label className='CheckBoxLabel'>{props.label}
@@ -15,3 +15,5 @@ export default props => {
     </div>
   );
 };
+
+export default CheckBox;
diff --git a/src/components/UI/DropDown/DropDown.js b/src/components/UI/DropDown/DropDown.js
index 485465c..b373db6 100644
--- a/src/components/UI/DropDown/DropDown.js
+++ b/src/components/UI/DropDown/DropDown.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './DropDown.css';
 
-export default props => {
+const DropDown = props => {
   const options = props.items.map((s, i) => {
     return (
       <option className={'DropDownOption'} key={i} value={s}>{s}</option>
@@ -10,14 +10,17 @@ export default props => {
 
   return (
     <div className={'DropDown'}>
-      <select className={'DropDownSelect' + (props.auto ? ' Auto ' : '') + (props.alt ? ' Alt ' : '') }
-              autoFocus={props.autoFocus}
-              disabled={props.disabled}
-              onChange={props.changed}
-              value={props.selected}>
+      <select
+        className={'DropDownSelect' + (props.auto ? ' Auto ' : '') + (props.alt ? ' Alt ' : '')}
+        autoFocus={props.autoFocus}
+        disabled={props.disabled}
+        onChange={props.changed}
+        value={props.selected}>
         {options}
       </select>
     </div>
   );
 
 };
+
+export default DropDown;
diff --git a/src/components/UI/Grid/Grid.js b/src/components/UI/Grid/Grid.js
index 4aac1f3..ee134b4 100644
--- a/src/components/UI/Grid/Grid.js
+++ b/src/components/UI/Grid/Grid.js
@@ -4,7 +4,7 @@ import GridComponent from './GridComponent/GridComponent';
 
 const DEFAULT_GRID_SIZE = 4;
 
-export default class extends Component {
+export default class Grid extends Component {
   resizeTimeout;
   state = {
     calculated: false,
@@ -141,4 +141,4 @@ export default class extends Component {
       </div>
     )
   }
-};
\ No newline at end of file
+};
diff --git a/src/components/UI/Grid/GridComponent/GridComponent.js b/src/components/UI/Grid/GridComponent/GridComponent.js
index 9abd234..0cd64f9 100644
--- a/src/components/UI/Grid/GridComponent/GridComponent.js
+++ b/src/components/UI/Grid/GridComponent/GridComponent.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './GridComponent.css';
 
-export default props => {
+const GridComponent = props => {
   const style = {
     style: {
       gridRowStart: Math.floor(props.row + 1),
@@ -17,4 +17,6 @@ export default props => {
     </div>
   );
 
-};
\ No newline at end of file
+};
+
+export default GridComponent;
diff --git a/src/components/UI/Loading/Loading.js b/src/components/UI/Loading/Loading.js
index b627439..de01c03 100644
--- a/src/components/UI/Loading/Loading.js
+++ b/src/components/UI/Loading/Loading.js
@@ -2,7 +2,7 @@ import React from 'react';
 import './Loading.css'
 import Loader from 'react-loader-spinner';
 
-export default () => {
+const Loading = () => {
   return (
     <div
       className={'Loading'}>
@@ -14,3 +14,5 @@ export default () => {
       </div>
     </div>);
 };
+
+export default Loading;
diff --git a/src/components/UI/Modal/Modal.js b/src/components/UI/Modal/Modal.js
index 5065aac..ac845ea 100644
--- a/src/components/UI/Modal/Modal.js
+++ b/src/components/UI/Modal/Modal.js
@@ -3,7 +3,7 @@ import React from 'react';
 import './Modal.css'
 import FocusTrap from 'focus-trap-react';
 
-export default props => {
+const Modal = props => {
   let modalStyles = [];
   let contentStyles = [];
   modalStyles.push('Modal');
@@ -29,3 +29,5 @@ export default props => {
     </FocusTrap>
   );
 };
+
+export default Modal;
diff --git a/src/components/UI/RootElem/RootElem.js b/src/components/UI/RootElem/RootElem.js
index a40dcf7..928132b 100644
--- a/src/components/UI/RootElem/RootElem.js
+++ b/src/components/UI/RootElem/RootElem.js
@@ -1,9 +1,11 @@
 import React from 'react';
 
-export default (props) => {
+const RootElem = props => {
   return (
     <div style={{margin: 0, padding: 0}} {...props}>
       {props.children}
     </div>
   )
-};
\ No newline at end of file
+};
+
+export default RootElem;
diff --git a/src/components/UI/Text/Text.js b/src/components/UI/Text/Text.js
index f68d74e..0c692e4 100644
--- a/src/components/UI/Text/Text.js
+++ b/src/components/UI/Text/Text.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './Text.css';
 
-export default props => {
+const Text = props => {
   const styleList = [];
   styleList.push('Text');
   if (props.type) {
@@ -23,4 +23,6 @@ export default props => {
     <div className={'TextOwner'}>
       {text}
     </div>);
-};
\ No newline at end of file
+};
+
+export default Text;
diff --git a/src/components/UpgradeIcon/UpgradeIcon.js b/src/components/UpgradeIcon/UpgradeIcon.js
index 3828eef..6424cf0 100644
--- a/src/components/UpgradeIcon/UpgradeIcon.js
+++ b/src/components/UpgradeIcon/UpgradeIcon.js
@@ -4,12 +4,12 @@ import ReactTooltip from 'react-tooltip';
 import {faExclamationTriangle} from '@fortawesome/free-solid-svg-icons';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 
-export default props => {
+const UpgradeIcon = props => {
   const styles = ['UpgradeIcon'];
   let placement = 'left';
   let toolTipText = 'UI Upgrade Available';
   if (props.release) {
-    placement='bottom';
+    placement = 'bottom';
     styles.push('Release');
   }
 
@@ -33,3 +33,5 @@ export default props => {
     )
     : null;
 };
+
+export default UpgradeIcon;
diff --git a/src/containers/IPCContainer/IPCContainer.js b/src/containers/IPCContainer/IPCContainer.js
index 4ff9b03..8362c86 100644
--- a/src/containers/IPCContainer/IPCContainer.js
+++ b/src/containers/IPCContainer/IPCContainer.js
@@ -3,7 +3,7 @@ import {getIPCRenderer} from '../../utils';
 
 const ipcRenderer = getIPCRenderer();
 
-export default class extends Component {
+export default class IPCContainer extends Component {
   handlerList = {};
 
   componentWillUnmount() {
@@ -42,4 +42,4 @@ export default class extends Component {
     }
   };
 
-};
\ No newline at end of file
+};
diff --git a/src/containers/SkynetImport/ImportList/Import/Import.js b/src/containers/SkynetImport/ImportList/Import/Import.js
index 5bf7576..0b8f5db 100644
--- a/src/containers/SkynetImport/ImportList/Import/Import.js
+++ b/src/containers/SkynetImport/ImportList/Import/Import.js
@@ -1,12 +1,15 @@
 import React from 'react'
 import './Import.css'
 
-export default ({data}) => {
+const Import = ({data}) => {
   return (
     <div className={'ImportOwner'}>
       <input readOnly
              className={'ConfigurationItemInput'}
-             style={{maxWidth: 'calc(33.33% - var(--default_spacing)', marginRight: 'var(--default_spacing)'}}
+             style={{
+               maxWidth: 'calc(33.33% - var(--default_spacing)',
+               marginRight: 'var(--default_spacing)'
+             }}
              type={'text'}
              value={data.directory}/>
       <input readOnly
@@ -16,9 +19,14 @@ export default ({data}) => {
              value={data.skylink}/>
       <input readOnly
              className={'ConfigurationItemInput'}
-             style={{maxWidth: 'calc(33.33% - calc(var(--default_spacing) / 2))', marginLeft: 'var(--default_spacing)'}}
+             style={{
+               maxWidth: 'calc(33.33% - calc(var(--default_spacing) / 2))',
+               marginLeft: 'var(--default_spacing)'
+             }}
              type={'text'}
              value={data.token}/>
     </div>
   );
 };
+
+export default Import;
diff --git a/src/containers/SkynetImport/ImportList/ImportList.js b/src/containers/SkynetImport/ImportList/ImportList.js
index c2aaf01..77db21e 100644
--- a/src/containers/SkynetImport/ImportList/ImportList.js
+++ b/src/containers/SkynetImport/ImportList/ImportList.js
@@ -3,12 +3,13 @@ import './ImportList.css'
 import Import from './Import/Import'
 import Text from '../../../components/UI/Text/Text';
 
-export default ({imports_array}) => {
+const ImportList = ({imports_array}) => {
   let key = 0;
   return (
     <div>
       <div className={'ImportListHeader'}>
-        <Text type={'Heading1'} text={'Directory'} style={{minWidth: '33.33%', maxWidth: '33.33%'}}/>
+        <Text type={'Heading1'} text={'Directory'}
+              style={{minWidth: '33.33%', maxWidth: '33.33%'}}/>
         <Text type={'Heading1'} text={'Skylink'} style={{minWidth: '33.33%', maxWidth: '33.33%'}}/>
         <Text type={'Heading1'} text={'Token'} style={{minWidth: '33.33%', maxWidth: '33.33%'}}/>
       </div>
@@ -27,3 +28,5 @@ export default ({imports_array}) => {
     </div>
   );
 };
+
+export default ImportList;
diff --git a/src/containers/SkynetImport/SkynetImport.js b/src/containers/SkynetImport/SkynetImport.js
index f2bed2d..87b9e02 100644
--- a/src/containers/SkynetImport/SkynetImport.js
+++ b/src/containers/SkynetImport/SkynetImport.js
@@ -29,7 +29,7 @@ const mapDispatchToProps = dispatch => {
   }
 };
 
-export default connect(mapStateToProps, mapDispatchToProps)(class extends IPCContainer {
+export default connect(mapStateToProps, mapDispatchToProps)(class SkynetImport extends IPCContainer {
 
   state = {
     import_text: '',
diff --git a/src/containers/UI/Password/Password.js b/src/containers/UI/Password/Password.js
index 6017367..6a1a964 100644
--- a/src/containers/UI/Password/Password.js
+++ b/src/containers/UI/Password/Password.js
@@ -3,7 +3,7 @@ import './Password.css';
 import {faEye, faEyeSlash} from '@fortawesome/free-solid-svg-icons';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 
-export default class extends Component {
+export default class Password extends Component {
   state = {
     button_text: 'clear',
     password: '',