+ -
+
-
-
-
BCH Balance
@@ -67,22 +68,22 @@ class AdminLTEPage extends React.Component {
+
+
- {_this.state.section === "Send/Receive" && (
-
- component we do it using JS
- customMenuItems() {
+ customMenuItems () {
try {
// Ignore menu items without link to components
- const ignoreItems = ["Balance", "Qr Scanner", "Link"]
+ const ignoreItems = ['Balance', 'Qr Scanner', 'Link']
- const menu = document.getElementsByClassName("sidebar-menu")
+ const menu = document.getElementsByClassName('sidebar-menu')
const ulElement = menu[0]
const childrens = ulElement.children
if (childrens && childrens.length) {
for (let i = 0; i < childrens.length; i++) {
- //const href = childrens[i].children[0].href
+ // const href = childrens[i].children[0].href
const textValue = childrens[i].children[0].children[1].textContent
childrens[i].id = textValue
const ignore = ignoreItems.find(val => textValue === val)
// Ignore menu items without link to components
- if (!ignore)
- childrens[i].onclick = () => this.changeSection(textValue)
+ if (!ignore) { childrens[i].onclick = () => this.changeSection(textValue) }
}
}
} catch (error) {
@@ -206,9 +208,9 @@ class AdminLTEPage extends React.Component {
}
// Displays the BCH balance by default
- dropDownBalance() {
+ dropDownBalance () {
try {
- const balanceEle = document.getElementById("Balance")
+ const balanceEle = document.getElementById('Balance')
balanceEle.children[0].click()
} catch (error) {
console.error(error)
@@ -218,19 +220,19 @@ class AdminLTEPage extends React.Component {
// Section change, renders the corresponding component
// to the selected section. each menu item corresponds
// to a section.
- changeSection(section) {
+ changeSection (section) {
_this.activeItemById(section)
_this.setState({
- section: section,
+ section: section
})
_this.hideMenu()
}
// Adds a visual mark to the selected item on the menu
- activeItemById(id) {
+ activeItemById (id) {
try {
- const elementActived = document.getElementsByClassName("active")
- elementActived[0].className = ""
+ const elementActived = document.getElementsByClassName('active')
+ elementActived[0].className = ''
const element = document.getElementById(id)
element.className = `${element.className} active`
} catch (error) {
@@ -239,12 +241,12 @@ class AdminLTEPage extends React.Component {
}
// Hides the side menu when clicking on mobile devices
- hideMenu() {
+ hideMenu () {
try {
const windowWidth = window.innerWidth
- //console.log("Window Width : ",windowWidth)
+ // console.log("Window Width : ",windowWidth)
if (windowWidth > MENU_HIDE_WIDTH) return
- const toggleEle = document.getElementsByClassName("sidebar-toggle")
+ const toggleEle = document.getElementsByClassName('sidebar-toggle')
toggleEle[0].click()
} catch (error) {
console.error(error)
@@ -252,47 +254,46 @@ class AdminLTEPage extends React.Component {
}
// Adds the "onClick" event to the QR scanner item
- addOnClickEventToScanner() {
+ addOnClickEventToScanner () {
try {
- const qrScannerEle = document.getElementById("Qr Scanner")
- qrScannerEle.onclick = () => _this.toggleScannerModal()
+ const qrScannerEle = document.getElementById('Qr Scanner')
+ qrScannerEle.onclick = () => _this.handleToggleScannerModal()
} catch (error) {
console.error(error)
}
}
// Controller to show the QR scanner
- toggleScannerModal() {
+ handleToggleScannerModal () {
if (!_this.state.showScannerModal) {
_this.hideMenu()
}
_this.setState({
- showScannerModal: !_this.state.showScannerModal,
+ showScannerModal: !_this.state.showScannerModal
})
}
// Render non-default menu items. The catch ensures that the render function
// won't be interrupted if there is an issue porting new menu items.
- renderNewMenuItems() {
+ renderNewMenuItems () {
try {
return menuComponents && menuComponents.map(m => m.menuItem)
} catch (err) {
// TODO: Figure out how to return an invisible Item.
- return
-
+
@@ -24,33 +24,33 @@ class Receive extends React.Component {
+
-
-
@@ -63,10 +63,11 @@ class Receive extends React.Component {
)
}
- changeAddr() {
- const checkbox = document.getElementById("address-checkbox")
+
+ handleChangeAddr () {
+ const checkbox = document.getElementById('address-checkbox')
const { cashAddress, slpAddress } = _this.props.walletInfo
-
+
let addr
if (checkbox.checked) {
addr = slpAddress
@@ -74,12 +75,12 @@ class Receive extends React.Component {
addr = cashAddress
}
_this.setState({
- addr,
+ addr
})
}
}
Receive.propTypes = {
- walletInfo: PropTypes.object.isRequired,
+ walletInfo: PropTypes.object.isRequired
}
export default Receive
diff --git a/src/components/admin-lte/send-receive/send.js b/src/components/admin-lte/send-receive/send.js
index 9b58658..40e487e 100644
--- a/src/components/admin-lte/send-receive/send.js
+++ b/src/components/admin-lte/send-receive/send.js
@@ -1,85 +1,85 @@
-import React from "react"
-import PropTypes from "prop-types"
-import { Content, Row, Col, Box, Inputs, Button } from "adminlte-2-react"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import BchWallet from "minimal-slp-wallet"
-import ScannerModal from "../../qr-scanner/modal"
+import React from 'react'
+import PropTypes from 'prop-types'
+import { Content, Row, Col, Box, Inputs, Button } from 'adminlte-2-react'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import BchWallet from 'minimal-slp-wallet'
+import ScannerModal from '../../qr-scanner/modal'
const { Text } = Inputs
let _this
class Send extends React.Component {
- constructor(props) {
+ constructor (props) {
super(props)
_this = this
this.state = {
- address: "",
- amountSat: "",
- errMsg: "",
- txId: "",
- showScan: false,
+ address: '',
+ amountSat: '',
+ errMsg: '',
+ txId: '',
+ showScan: false
}
_this.BchWallet = BchWallet
}
- render() {
+ render () {
return (
<>
+
-
-
+
-
@@ -89,22 +89,23 @@ class Send extends React.Component {
)
}
- handleUpdate(event) {
- let value = event.target.value
+ handleUpdate (event) {
+ const value = event.target.value
_this.setState({
- [event.target.name]: value,
+ [event.target.name]: value
})
- //console.log(_this.state)
+ // console.log(_this.state)
}
- async send() {
+
+ async handleSend () {
try {
_this.validateInputs()
@@ -115,13 +116,13 @@ class Send extends React.Component {
{
address,
// amount in satoshis, 1 satoshi = 0.00000001 Bitcoin
- amountSat: Math.floor(Number(amountSat) * 100000000),
- },
+ amountSat: Math.floor(Number(amountSat) * 100000000)
+ }
]
// console.log("receivers", receivers)
if (!bchWalletLib) {
- throw new Error("Wallet not found")
+ throw new Error('Wallet not found')
}
// Ensure the wallet UTXOs are up-to-date.
@@ -135,7 +136,7 @@ class Send extends React.Component {
// console.log('result',result)
_this.setState({
- txId: result,
+ txId: result
})
// update balance
@@ -156,70 +157,72 @@ class Send extends React.Component {
return {
...prevState,
errMsg,
- txId: "",
+ txId: ''
}
})
}
}
// Reset form and component state
- resetValues() {
+ resetValues () {
_this.setState({
- address: "",
- amountSat: "",
- errMsg: "",
+ address: '',
+ amountSat: '',
+ errMsg: ''
})
- const amountEle = document.getElementById("amountToSend")
- amountEle.value = ""
+ const amountEle = document.getElementById('amountToSend')
+ amountEle.value = ''
- const addressEle = document.getElementById("addressToSend")
- addressEle.value = ""
+ const addressEle = document.getElementById('addressToSend')
+ addressEle.value = ''
}
- validateInputs() {
- try {
- const { address, amountSat } = _this.state
- const amountNumber = Number(amountSat)
- console.log(_this.state)
- if (!address) {
- throw new Error("Address is required")
- }
- if (!amountSat) {
- throw new Error("Amount is required")
- }
- if (!amountNumber) {
- throw new Error("Amount must be a number")
- }
- if (amountNumber < 0) {
- throw new Error("Amount must be greater than zero")
- }
- } catch (error) {
- throw error
+ validateInputs () {
+ const { address, amountSat } = _this.state
+ const amountNumber = Number(amountSat)
+ console.log(_this.state)
+
+ if (!address) {
+ throw new Error('Address is required')
+ }
+
+ if (!amountSat) {
+ throw new Error('Amount is required')
+ }
+
+ if (!amountNumber) {
+ throw new Error('Amount must be a number')
+ }
+
+ if (amountNumber < 0) {
+ throw new Error('Amount must be greater than zero')
}
}
- toggleScanner() {
+
+ handleToggleScanner () {
_this.setState({
- showScan: !_this.state.showScan,
+ showScan: !_this.state.showScan
})
}
- resetAddressValue() {
- _this.setState({
- address: "",
- errMsg: "",
- })
- const addressEle = document.getElementById("addressToSend")
- addressEle.value = ""
- }
- onScan(data) {
- const validateAdrrs = ["bitcoincash", "simpleledger"]
+ resetAddressValue () {
+ _this.setState({
+ address: '',
+ errMsg: ''
+ })
+ const addressEle = document.getElementById('addressToSend')
+ addressEle.value = ''
+ }
+
+ handleOnScan (data) {
+ const validateAdrrs = ['bitcoincash', 'simpleledger']
try {
_this.resetAddressValue()
if (!data) {
- throw new Error("No Result!")
+ throw new Error('No Result!')
}
- if (typeof data !== "string") {
- throw new Error("It should scan a bch address or slp address")
+ if (typeof data !== 'string') {
+ throw new Error('It should scan a bch address or slp address')
}
// Validates that the words "bitcoincash" or "simpleledger" are contained
let isValid = false
@@ -228,28 +231,29 @@ class Send extends React.Component {
if (isValid) {
_this.setState({
address: data,
- errMsg: "",
+ errMsg: ''
})
- const addressEle = document.getElementById("addressToSend")
+ const addressEle = document.getElementById('addressToSend')
addressEle.value = data
}
}
if (!isValid) {
- throw new Error("It should scan a bch address or slp address")
+ throw new Error('It should scan a bch address or slp address')
}
- _this.toggleScanner()
+ _this.handleToggleScanner()
} catch (error) {
- _this.toggleScanner()
+ _this.handleToggleScanner()
_this.setState({
- errMsg: error.message,
+ errMsg: error.message
})
}
}
- componentDidMount() {}
+
+ componentDidMount () {}
}
Send.propTypes = {
updateBalance: PropTypes.func.isRequired,
- bchWallet: PropTypes.object,
+ bchWallet: PropTypes.object
}
export default Send
diff --git a/src/components/admin-lte/tokens/index.js b/src/components/admin-lte/tokens/index.js
index 9f21334..f32ca2e 100644
--- a/src/components/admin-lte/tokens/index.js
+++ b/src/components/admin-lte/tokens/index.js
@@ -1,44 +1,44 @@
-import React from "react"
-import PropTypes from "prop-types"
-import { Content, Row, Col, Box } from "adminlte-2-react"
-import TokenCard from "./token-card"
-import TokenModal from "./token-modal"
-import Spinner from "../../../images/loader.gif"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import React from 'react'
+import PropTypes from 'prop-types'
+import { Content, Row, Col, Box } from 'adminlte-2-react'
+import TokenCard from './token-card'
+import TokenModal from './token-modal'
+import Spinner from '../../../images/loader.gif'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
let _this
class Tokens extends React.Component {
- constructor(props) {
+ constructor (props) {
super(props)
_this = this
this.state = {
tokens: [],
- selectedToken: "",
+ selectedToken: '',
showModal: false,
inFetch: true,
- onEmptyTokensMsg: "No tokens found on this wallet..",
+ onEmptyTokensMsg: 'No tokens found on this wallet..'
}
}
- render() {
+ render () {
const { JWT } = _this.props.walletInfo
return (
<>
{_this.state.inFetch ? (
-
- {_this.state.addr}
-
- {_this.state.errMsg}
+{_this.state.errMsg}
)} {_this.state.txId && ( -Transaction ID: {_this.state.txId}
+Transaction ID: {_this.state.txId}
)}
- 
+
{!JWT && (
-
+
)}
-
+
{!_this.state.tokens.length && ( -
+
-
-
+
+
+
-
+
) : (
+
{!_this.state.tokens.length && ( -
+
-
-
+
+
- Ticker: {token.ticker}
-+
Name: {token.name}
-+
Balance {token.qty}