fix(site-config.js): Adding config file for customzing new apps

.eslintrc.json

@@ -6,5 +6,8 @@
   },
   "parserOptions": {
     "ecmaVersion": 10
+  },
+  "rules": {
+    "no-unused-vars": "off"
   }
 }

src/components/admin-lte/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types'
 import Configure from './configure'
 import Tokens from './tokens'
 import Wallet from './wallet'
+import siteConfig from '../site-config'
 
 // import Audit from "./audit"
 
@@ -40,23 +41,23 @@ class AdminLTEPage extends React.Component {
     _this.BchWallet = BchWallet
 
     _this.sidebar = [
-      <Item icon='fa-exchange-alt' key='SendReceive' text='Send/Receive' />,
-      <Item icon='fas-coins' key='Tokens' text='Tokens' />,
-      <Item icon='fa-wallet' key='Wallet' text='Wallet' activeOn='/' />,
-      <Item icon='fa-qrcode' key='qrReader' text='Qr Scanner' />,
-      <Item icon='fas-cog' key='Configure' text='Configure' />
+      <Item icon="fa-exchange-alt" key="SendReceive" text="Send/Receive" />,
+      <Item icon="fas-coins" key="Tokens" text="Tokens" />,
+      <Item icon="fa-wallet" key="Wallet" text="Wallet" activeOn="/" />,
+      <Item icon="fa-qrcode" key="qrReader" text="Qr Scanner" />,
+      <Item icon="fas-cog" key="Configure" text="Configure" />
     ]
   }
 
   render () {
     return (
       <>
-        <AdminLTE title={['FullStack.cash']} titleShort={['PSF']} theme='blue'>
+        <AdminLTE title={[siteConfig.title]} titleShort={[siteConfig.titleShort]} theme="blue">
           <Sidebar.Core>
-            <Item key='Balance' text='Balance' icon='fab-bitcoin'>
-              <div className='sidebar-balance'>
+            <Item key="Balance" text="Balance" icon={siteConfig.balanceIcon}>
+              <div className="sidebar-balance">
                 <div>
-                  <h3>BCH Balance </h3>
+                  <h3>{siteConfig.balanceText}</h3>
 
                   <p>{_this.state.bchBalance}</p>
                 </div>
@@ -71,8 +72,8 @@ class AdminLTEPage extends React.Component {
           <Navbar.Core>
             <VersionStatus />
           </Navbar.Core>
-          <Layout path='/'>
-            <div className='components-container'>
+          <Layout path="/">
+            <div className="components-container">
               {_this.state.section === 'Send/Receive' && (
                 <SendReceive
                   setWalletInfo={_this.props.setWalletInfo}
@@ -116,7 +117,7 @@ class AdminLTEPage extends React.Component {
           <ScannerModal
             show={_this.state.showScannerModal}
             handleOnHide={_this.onHandleToggleScannerModal}
-            path='/'
+            path="/"
           />
         </Router>
       </>
@@ -298,7 +299,7 @@ class AdminLTEPage extends React.Component {
     return (
       <li style={{ display: 'none' }}>
         {/* Adding this childrens prevents console errors */}
-        <a href='#'>
+        <a href="#">
           <span />
           <span />
         </a>

src/components/site-config.js

@@ -0,0 +1,13 @@
+/*
+  This file is intended to be overwritten. It provides a common place to store
+  site configuration data.
+*/
+
+const config = {
+  title: 'FullStack.cash',
+  titleShort: 'PSF',
+  balanceText: 'BCH Balance',
+  balanceIcon: 'fab-bitcoin'
+}
+
+module.exports = config