From 8bd8a1e86d896de55a156d8b6dd24ccabfffdee3 Mon Sep 17 00:00:00 2001
From: Chris Troutner <chris.troutner@gmail.com>
Date: Fri, 16 Oct 2020 19:41:14 -0700
Subject: [PATCH 1/3] linting

---
 src/components/admin-lte/index.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/admin-lte/index.js b/src/components/admin-lte/index.js
index e71eb0b..4de76d4 100644
--- a/src/components/admin-lte/index.js
+++ b/src/components/admin-lte/index.js
@@ -57,18 +57,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>
 
@@ -78,9 +78,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>
@@ -98,8 +98,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>
@@ -334,7 +334,7 @@ class AdminLTEPage extends React.Component {
     return (
       <li style={{ display: 'none' }}>
         {/* Adding this childrens prevents console errors */}
-        <a href="#">
+        <a href='#'>
           <span />
           <span />
         </a>

From ec39bfd11504355e651023f2ce1ef0111aeb6ffb Mon Sep 17 00:00:00 2001
From: Chris Troutner <chris.troutner@gmail.com>
Date: Sat, 17 Oct 2020 13:24:00 -0700
Subject: [PATCH 2/3] fix(send-tokens): Fixed bug that would only let you send
 whole tokens

---
 .../admin-lte/tokens/send-tokens.js           | 103 ++++++++++--------
 1 file changed, 59 insertions(+), 44 deletions(-)

diff --git a/src/components/admin-lte/tokens/send-tokens.js b/src/components/admin-lte/tokens/send-tokens.js
index a0e9067..7b078f1 100644
--- a/src/components/admin-lte/tokens/send-tokens.js
+++ b/src/components/admin-lte/tokens/send-tokens.js
@@ -6,10 +6,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import ScannerModal from '../../qr-scanner/modal'
 const { Text } = Inputs
 
-const BchWallet =
-typeof window !== 'undefined'
-  ? window.SlpWallet
-  : null
+const BchWallet = typeof window !== 'undefined' ? window.SlpWallet : null
 
 let _this
 class SendTokens extends React.Component {
@@ -36,80 +33,79 @@ class SendTokens extends React.Component {
       <>
         <Row>
           <Col sm={12}>
-            <Box className=' border-none mt-2' loaded={!this.state.inFetch}>
+            <Box className=" border-none mt-2" loaded={!this.state.inFetch}>
               <Row>
-                <Col sm={12} className='text-center'>
-                  <h1 id='SendTokens'>
+                <Col sm={12} className="text-center">
+                  <h1 id="SendTokens">
                     <FontAwesomeIcon
-                      className='title-icon'
-                      size='xs'
-                      icon='paper-plane'
+                      className="title-icon"
+                      size="xs"
+                      icon="paper-plane"
                     />
                     <span>Send</span>
                   </h1>
 
-                  <Box className='border-none'>
+                  <Box className="border-none">
                     <Text
-                      id='addressToSend'
-                      name='address'
-                      placeholder='Enter simpleledger address to send'
-                      label='SLP Address'
-                      labelPosition='above'
+                      id="addressToSend"
+                      name="address"
+                      placeholder="Enter simpleledger address to send"
+                      label="SLP Address"
+                      labelPosition="above"
                       onChange={_this.handleUpdate}
-                      className='title-icon'
+                      className="title-icon"
                       buttonRight={
-                        <Button icon='fa-qrcode' onClick={_this.handleModal} />
+                        <Button icon="fa-qrcode" onClick={_this.handleModal} />
                       }
                     />
 
                     <Text
-                      id='amountToSend'
-                      name='amountSat'
-                      placeholder='Enter amount to send'
-                      label='Amount'
+                      id="amountToSend"
+                      name="amountSat"
+                      placeholder="Enter amount to send"
+                      label="Amount"
                       value={_this.state.amountSat}
-                      labelPosition='above'
+                      labelPosition="above"
                       onChange={_this.handleUpdate}
                     />
-                    <Row className='token-botton-container'>
+                    <Row className="token-botton-container">
                       <Col xs={12} sm={4}>
                         <Button
-                          text='Send'
-                          type='primary'
-                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
+                          text="Send"
+                          type="primary"
+                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
                           onClick={_this.handleSend}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text='Send Max'
-                          type='primary'
-                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
+                          text="Send Max"
+                          type="primary"
+                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
                           onClick={_this.handleSendMax}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text='Close'
-                          type='primary'
-                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
+                          text="Close"
+                          type="primary"
+                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
                           onClick={_this.props.handleBack}
                         />
                       </Col>
                     </Row>
-
                   </Box>
                 </Col>
-                <Col sm={12} className='text-center'>
+                <Col sm={12} className="text-center">
                   {_this.state.errMsg && (
-                    <p className='error-color'>{_this.state.errMsg}</p>
+                    <p className="error-color">{_this.state.errMsg}</p>
                   )}
                   {_this.state.txId && (
-                    <p className=''>
+                    <p className="">
                       Transaction ID:
                       <a
-                        target='_blank'
-                        rel='noopener noreferrer'
+                        target="_blank"
+                        rel="noopener noreferrer"
                         href={`https://explorer.bitcoin.com/bch/tx/${_this.state.txId}`}
                       >
                         {_this.state.txId}
@@ -161,15 +157,18 @@ class SendTokens extends React.Component {
       const bchWalletLib = _this.props.bchWallet
       const { address, amountSat } = _this.state
       const { tokenId, qty } = _this.props.selectedToken
+      // console.log(`qty: ${qty}`)
 
       if (!tokenId) {
         throw new Error('There is no token selected')
       }
+
       const receiver = {
         address,
         tokenId,
-        qty: Math.floor(Number(amountSat))
+        qty: amountSat
       }
+
       if (qty < receiver.qty) {
         throw new Error('Insufficient balance')
       }
@@ -188,6 +187,23 @@ class SendTokens extends React.Component {
       bchWalletLib.utxos.bchUtxos = await bchWalletLib.utxos.getBchUtxos()
       bchWalletLib.utxos.tokenUtxos = await bchWalletLib.utxos.getTokenUtxos()
 
+      // Used for debugging.
+      // console.log(`receiver: ${JSON.stringify(receiver, null, 2)}`)
+      // console.log(
+      //   `bchWalletLib.utxos.bchUtxos: ${JSON.stringify(
+      //     bchWalletLib.utxos.bchUtxos,
+      //     null,
+      //     2
+      //   )}`
+      // )
+      // console.log(
+      //   `bchWalletLib.utxos.tokenUtxos: ${JSON.stringify(
+      //     bchWalletLib.utxos.tokenUtxos,
+      //     null,
+      //     2
+      //   )}`
+      // )
+
       // Send token.
       const result = await bchWalletLib.sendTokens(receiver, 5.0)
       // console.log('result: ', result)
@@ -311,9 +327,9 @@ class SendTokens extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target='_blank'
-              href='https://fullstack.cash'
-              rel='noopener noreferrer'
+              target="_blank"
+              href="https://fullstack.cash"
+              rel="noopener noreferrer"
             >
               FullStack.cash
             </a>
@@ -336,7 +352,6 @@ class SendTokens extends React.Component {
   componentDidMount () {
     _this.setState({
       tokenId: _this.props.selectedToken.tokenId
-
     })
   }
 

From 5736807eab2191e69a994774f90a007a9aa82803 Mon Sep 17 00:00:00 2001
From: Chris Troutner <chris.troutner@gmail.com>
Date: Sat, 17 Oct 2020 13:24:16 -0700
Subject: [PATCH 3/3] linting

---
 .../admin-lte/tokens/send-tokens.js           | 74 +++++++++----------
 1 file changed, 37 insertions(+), 37 deletions(-)

diff --git a/src/components/admin-lte/tokens/send-tokens.js b/src/components/admin-lte/tokens/send-tokens.js
index 7b078f1..0739aa4 100644
--- a/src/components/admin-lte/tokens/send-tokens.js
+++ b/src/components/admin-lte/tokens/send-tokens.js
@@ -33,79 +33,79 @@ class SendTokens extends React.Component {
       <>
         <Row>
           <Col sm={12}>
-            <Box className=" border-none mt-2" loaded={!this.state.inFetch}>
+            <Box className=' border-none mt-2' loaded={!this.state.inFetch}>
               <Row>
-                <Col sm={12} className="text-center">
-                  <h1 id="SendTokens">
+                <Col sm={12} className='text-center'>
+                  <h1 id='SendTokens'>
                     <FontAwesomeIcon
-                      className="title-icon"
-                      size="xs"
-                      icon="paper-plane"
+                      className='title-icon'
+                      size='xs'
+                      icon='paper-plane'
                     />
                     <span>Send</span>
                   </h1>
 
-                  <Box className="border-none">
+                  <Box className='border-none'>
                     <Text
-                      id="addressToSend"
-                      name="address"
-                      placeholder="Enter simpleledger address to send"
-                      label="SLP Address"
-                      labelPosition="above"
+                      id='addressToSend'
+                      name='address'
+                      placeholder='Enter simpleledger address to send'
+                      label='SLP Address'
+                      labelPosition='above'
                       onChange={_this.handleUpdate}
-                      className="title-icon"
+                      className='title-icon'
                       buttonRight={
-                        <Button icon="fa-qrcode" onClick={_this.handleModal} />
+                        <Button icon='fa-qrcode' onClick={_this.handleModal} />
                       }
                     />
 
                     <Text
-                      id="amountToSend"
-                      name="amountSat"
-                      placeholder="Enter amount to send"
-                      label="Amount"
+                      id='amountToSend'
+                      name='amountSat'
+                      placeholder='Enter amount to send'
+                      label='Amount'
                       value={_this.state.amountSat}
-                      labelPosition="above"
+                      labelPosition='above'
                       onChange={_this.handleUpdate}
                     />
-                    <Row className="token-botton-container">
+                    <Row className='token-botton-container'>
                       <Col xs={12} sm={4}>
                         <Button
-                          text="Send"
-                          type="primary"
-                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
+                          text='Send'
+                          type='primary'
+                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
                           onClick={_this.handleSend}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text="Send Max"
-                          type="primary"
-                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
+                          text='Send Max'
+                          type='primary'
+                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
                           onClick={_this.handleSendMax}
                         />
                       </Col>
                       <Col xs={12} sm={4}>
                         <Button
-                          text="Close"
-                          type="primary"
-                          className="btn-lg btn-send-token mr-1 ml-1 mt-1"
+                          text='Close'
+                          type='primary'
+                          className='btn-lg btn-send-token mr-1 ml-1 mt-1'
                           onClick={_this.props.handleBack}
                         />
                       </Col>
                     </Row>
                   </Box>
                 </Col>
-                <Col sm={12} className="text-center">
+                <Col sm={12} className='text-center'>
                   {_this.state.errMsg && (
-                    <p className="error-color">{_this.state.errMsg}</p>
+                    <p className='error-color'>{_this.state.errMsg}</p>
                   )}
                   {_this.state.txId && (
-                    <p className="">
+                    <p className=''>
                       Transaction ID:
                       <a
-                        target="_blank"
-                        rel="noopener noreferrer"
+                        target='_blank'
+                        rel='noopener noreferrer'
                         href={`https://explorer.bitcoin.com/bch/tx/${_this.state.txId}`}
                       >
                         {_this.state.txId}
@@ -327,9 +327,9 @@ class SendTokens extends React.Component {
             Rate limits exceeded, increase rate limits with a JWT token from
             <a
               style={{ marginLeft: '5px' }}
-              target="_blank"
-              href="https://fullstack.cash"
-              rel="noopener noreferrer"
+              target='_blank'
+              href='https://fullstack.cash'
+              rel='noopener noreferrer'
             >
               FullStack.cash
             </a>