From bb29225376d016e60ce4b49e1d5e70b914ef2d87 Mon Sep 17 00:00:00 2001
From: Chris Troutner <chris.troutner@gmail.com>
Date: Fri, 20 Nov 2020 20:11:22 -0800
Subject: [PATCH] fix(fee): Allowing tx fee assigned with env var

---
 src/components/admin-lte/index.js | 22 +++++++++++-----------
 src/redux/createStore.js          |  6 ++++++
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/admin-lte/index.js b/src/components/admin-lte/index.js
index c32d03e..ea2ebc7 100644
--- a/src/components/admin-lte/index.js
+++ b/src/components/admin-lte/index.js
@@ -60,18 +60,18 @@ class AdminLTEPage extends React.Component {
         <AdminLTE
           title={[siteConfig.title]}
           titleShort={[siteConfig.titleShort]}
-          theme="blue"
+          theme='blue'
         >
           <Sidebar.Core>
-            <Item key="Balance" text="Balance" icon={siteConfig.balanceIcon}>
+            <Item key='Balance' text='Balance' icon={siteConfig.balanceIcon}>
               <Box
-                className="hover-shadow border-none background-none"
+                className='hover-shadow border-none background-none'
                 loaded={!_this.state.inFetch}
               >
-                <div className="sidebar-balance">
+                <div className='sidebar-balance'>
                   <div>
                     {!_this.state.inFetch && (
-                      <div className="siderbar-balance-content">
+                      <div className='siderbar-balance-content'>
                         <span>
                           <h3>{siteConfig.balanceText}</h3>
 
@@ -81,9 +81,9 @@ class AdminLTEPage extends React.Component {
                           <small>USD: ${_this.state.usdBalance}</small>
                         </span>
                         <FontAwesomeIcon
-                          className="ml-1 icon"
-                          size="lg"
-                          icon="redo"
+                          className='ml-1 icon'
+                          size='lg'
+                          icon='redo'
                           onClick={_this.handleGetBalance}
                         />
                       </div>
@@ -101,8 +101,8 @@ class AdminLTEPage extends React.Component {
           <Navbar.Core>
             <VersionStatus />
           </Navbar.Core>
-          <Layout path="/">
-            <div className="components-container">
+          <Layout path='/'>
+            <div className='components-container'>
               {_this.renderNewViewItems(_this.props)}
             </div>
           </Layout>
@@ -363,7 +363,7 @@ class AdminLTEPage extends React.Component {
     return (
       <li style={{ display: 'none' }}>
         {/* Adding this childrens prevents console errors */}
-        <a href="#">
+        <a href='#'>
           <span />
           <span />
         </a>
diff --git a/src/redux/createStore.js b/src/redux/createStore.js
index c654e13..5d4b033 100644
--- a/src/redux/createStore.js
+++ b/src/redux/createStore.js
@@ -78,6 +78,12 @@ const instanceWallet = () => {
     if (restURL) {
       bchjsOptions.restURL = restURL
     }
+
+    // Assign the tx fee based on environment variable
+    const FEE = process.env.FEE ? process.env.FEE : 1
+    bchjsOptions.fee = FEE
+    console.log(`Using ${bchjsOptions.fee} sats per byte for tx fees.`)
+
     const bchWalletLib = new BchWallet(localStorageInfo.mnemonic, bchjsOptions)
 
     // Update bchjs instances  of minimal-slp-wallet libraries