fullstack/fullstack-gatsby-theme-bch-wallet
1
0
Fork 0
mirror of https://github.com/fullstack-cash/fullstack-gatsby-theme-bch-wallet.git synced 2026-09-21 16:52:06 -07:00
Code Issues Packages Projects Releases Wiki Activity

linting

Browse Source
This commit is contained in:
Chris Troutner
2022-02-03 06:32:11 -08:00
parent 27c1994fd8
commit 7866205fe2
8 changed files with 154 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/admin-lte/configure/jwt.js
+9 -10
View File
@@ -13,7 +13,7 @@ const { Text } = Inputs
let _this let _this
class JsonWebTokens extends React.Component { class JsonWebTokens extends React.Component {
constructor(props) { constructor (props) {
super(props) super(props)
_this = this _this = this
@@ -26,7 +26,7 @@ class JsonWebTokens extends React.Component {
_this.BchWallet = BchWallet _this.BchWallet = BchWallet
} }
render() { render () {
return ( return (
<Row> <Row>
<Col sm={12}> <Col sm={12}>
@@ -70,7 +70,7 @@ class JsonWebTokens extends React.Component {
) )
} }
setJwt() { setJwt () {
const { JWT } = _this.props.walletInfo const { JWT } = _this.props.walletInfo
if (JWT) { if (JWT) {
const jwtElem = document.getElementById('jwt') const jwtElem = document.getElementById('jwt')
@@ -78,30 +78,29 @@ class JsonWebTokens extends React.Component {
} }
} }
handleUpdate(event) { handleUpdate (event) {
const value = event.target.value const value = event.target.value
_this.setState({ _this.setState({
[event.target.name]: value [event.target.name]: value
}) })
} }
async handleUpdateJWT() { async handleUpdateJWT () {
try { try {
const { mnemonic, selectedServer } = _this.props.walletInfo const { mnemonic, selectedServer } = _this.props.walletInfo
const _interface = _this.props.walletInfo.interface const _interface = _this.props.walletInfo.interface
const apiToken = _this.state.JWT const apiToken = _this.state.JWT
// Update instance with JWT // Update instance with JWT
if (mnemonic) { if (mnemonic) {
let bchjsOptions = { apiToken: apiToken } const bchjsOptions = { apiToken: apiToken }
if (selectedServer) { if (selectedServer) {
bchjsOptions.restURL = selectedServer bchjsOptions.restURL = selectedServer
} }
bchjsOptions.interface = _interface bchjsOptions.interface = _interface
//console.log('bchjs options : ', bchjsOptions) // console.log('bchjs options : ', bchjsOptions)
const bchWalletLib = new _this.BchWallet(mnemonic, bchjsOptions) const bchWalletLib = new _this.BchWallet(mnemonic, bchjsOptions)
// Update bchjs instances of minimal-slp-wallet libraries // Update bchjs instances of minimal-slp-wallet libraries
@@ -124,7 +123,7 @@ class JsonWebTokens extends React.Component {
} }
// Reset form and component state // Reset form and component state
resetValues() { resetValues () {
_this.setState({ _this.setState({
JWT: '', JWT: '',
errMsg: '' errMsg: ''
@@ -133,7 +132,7 @@ class JsonWebTokens extends React.Component {
jwtElem.value = '' jwtElem.value = ''
} }
componentDidMount() { componentDidMount () {
_this.setJwt() _this.setJwt()
} }
} }
src/components/admin-lte/configure/servers.js
+1 -1
View File
@@ -226,7 +226,7 @@ class Servers extends React.Component {
bchjsOptions.restURL = restURL bchjsOptions.restURL = restURL
bchjsOptions.interface = _interface bchjsOptions.interface = _interface
//console.log('bchjs options : ', bchjsOptions) // console.log('bchjs options : ', bchjsOptions)
const bchWalletLib = new _this.BchWallet(mnemonic, bchjsOptions) const bchWalletLib = new _this.BchWallet(mnemonic, bchjsOptions)
src/components/admin-lte/index.js
+12 -12
View File
@@ -60,18 +60,18 @@ class AdminLTEPage extends React.Component {
<AdminLTE <AdminLTE
title={[siteConfig.title]} title={[siteConfig.title]}
titleShort={[siteConfig.titleShort]} titleShort={[siteConfig.titleShort]}
theme="blue" theme='blue'
> >
<Sidebar.Core> <Sidebar.Core>
<Item key="Balance" text="Balance" icon={siteConfig.balanceIcon}> <Item key='Balance' text='Balance' icon={siteConfig.balanceIcon}>
<Box <Box
className="hover-shadow border-none background-none" className='hover-shadow border-none background-none'
loaded={!_this.state.inFetch} loaded={!_this.state.inFetch}
> >
<div className="sidebar-balance"> <div className='sidebar-balance'>
<div> <div>
{!_this.state.inFetch && ( {!_this.state.inFetch && (
<div className="siderbar-balance-content"> <div className='siderbar-balance-content'>
<span> <span>
<h3>{siteConfig.balanceText}</h3> <h3>{siteConfig.balanceText}</h3>
@@ -81,9 +81,9 @@ class AdminLTEPage extends React.Component {
<small>USD: ${_this.state.usdBalance}</small> <small>USD: ${_this.state.usdBalance}</small>
</span> </span>
<FontAwesomeIcon <FontAwesomeIcon
className="ml-1 icon" className='ml-1 icon'
size="lg" size='lg'
icon="redo" icon='redo'
onClick={_this.handleGetBalance} onClick={_this.handleGetBalance}
/> />
</div> </div>
@@ -101,8 +101,8 @@ class AdminLTEPage extends React.Component {
<Navbar.Core> <Navbar.Core>
<VersionStatus /> <VersionStatus />
</Navbar.Core> </Navbar.Core>
<Layout path="/" {..._this.props}> <Layout path='/' {..._this.props}>
<div className="components-container"> <div className='components-container'>
{_this.renderNewViewItems(_this.props)} {_this.renderNewViewItems(_this.props)}
</div> </div>
</Layout> </Layout>
@@ -132,7 +132,7 @@ class AdminLTEPage extends React.Component {
await bchWalletLib.walletInfoPromise await bchWalletLib.walletInfoPromise
const myBalance = await bchWalletLib.getBalance() const myBalance = await bchWalletLib.getBalance()
const bchjs = bchWalletLib.bchjs // const bchjs = bchWalletLib.bchjs
const currentRate = (await bchWalletLib.getUsd()) * 100 const currentRate = (await bchWalletLib.getUsd()) * 100
console.log('currentRate: ', currentRate) console.log('currentRate: ', currentRate)
@@ -387,7 +387,7 @@ class AdminLTEPage extends React.Component {
return ( return (
<li style={{ display: 'none' }}> <li style={{ display: 'none' }}>
{/* Adding this childrens prevents console errors */} {/* Adding this childrens prevents console errors */}
<a href="#"> <a href='#'>
<span /> <span />
<span /> <span />
</a> </a>
src/components/admin-lte/tokens/index.js
+49 -49
View File
@@ -31,22 +31,22 @@ class Tokens extends React.Component {
return ( return (
<> <>
<Button <Button
text="Refresh" text='Refresh'
icon="fa-redo" icon='fa-redo'
type="primary" type='primary'
className="btn-md ml-1 mt-1 mb-1" className='btn-md ml-1 mt-1 mb-1'
onClick={() => _this.handleGetTokens(true)} onClick={() => _this.handleGetTokens(true)}
/> />
{_this.state.txId && ( {_this.state.txId && (
<div className="txIdContainer"> <div className='txIdContainer'>
<button onClick={() => _this.setState({ txId: null })}> <button onClick={() => _this.setState({ txId: null })}>
&times; &times;
</button> </button>
<Col xs={12} className="text-center mt-1"> <Col xs={12} className='text-center mt-1'>
<Box title="Transaction ID" type="primary" className="p-0"> <Box title='Transaction ID' type='primary' className='p-0'>
<a <a
target="_blank" target='_blank'
rel="noopener noreferrer" rel='noopener noreferrer'
href={`${_this.state.explorerURL}/${_this.state.txId}`} href={`${_this.state.explorerURL}/${_this.state.txId}`}
> >
{_this.state.txId} {_this.state.txId}
@@ -71,46 +71,46 @@ class Tokens extends React.Component {
)} )}
{_this.state.inFetch {_this.state.inFetch
? ( ? (
<div className="spinner"> <div className='spinner'>
<img alt="Loading..." src={Spinner} width={100} /> <img alt='Loading...' src={Spinner} width={100} />
</div> </div>
) )
: ( : (
<Content> <Content>
{_this.state.errMsg && ( {_this.state.errMsg && (
<Box padding="true" className="container-nofound"> <Box padding='true' className='container-nofound'>
<Row> <Row>
<Col xs={12}> <Col xs={12}>
<em>{_this.state.errMsg}</em> <em>{_this.state.errMsg}</em>
</Col> </Col>
</Row> </Row>
</Box> </Box>
)} )}
{_this.state.tokens.length > 0 && ( {_this.state.tokens.length > 0 && (
<> <>
<Row> <Row>
{_this.state.tokens.map((val, i) => { {_this.state.tokens.map((val, i) => {
if (val.qty > 0) { if (val.qty > 0) {
return ( return (
<Col sm={4} key={`token-${i}`}> <Col sm={4} key={`token-${i}`}>
<TokenCard <TokenCard
key={`token-${i}`} key={`token-${i}`}
id={`token-${i}`} id={`token-${i}`}
token={val} token={val}
showToken={_this.showToken} showToken={_this.showToken}
selectToken={_this.selectToken} selectToken={_this.selectToken}
/> />
</Col> </Col>
) )
} else { } else {
return <span key={`token-${i}`} /> return <span key={`token-${i}`} />
} }
})} })}
</Row> </Row>
</> </>
)} )}
</Content> </Content>
)} )}
<TokenModal <TokenModal
bchWallet={_this.props.bchWallet} bchWallet={_this.props.bchWallet}
@@ -227,9 +227,9 @@ class Tokens extends React.Component {
Rate limits exceeded, increase rate limits with a JWT token from Rate limits exceeded, increase rate limits with a JWT token from
<a <a
style={{ marginLeft: '5px' }} style={{ marginLeft: '5px' }}
target="_blank" target='_blank'
href="https://fullstack.cash" href='https://fullstack.cash'
rel="noopener noreferrer" rel='noopener noreferrer'
> >
FullStack.cash FullStack.cash
</a> </a>
src/components/admin-lte/tokens/send-tokens.js
+34 -34
View File
@@ -35,72 +35,72 @@ class SendTokens extends React.Component {
<> <>
<Row> <Row>
<Col sm={12}> <Col sm={12}>
<Box className=" border-none mt-2" loaded={!this.state.inFetch}> <Box className=' border-none mt-2' loaded={!this.state.inFetch}>
<Row> <Row>
<Col sm={12} className="text-center"> <Col sm={12} className='text-center'>
<h1 id="SendTokens"> <h1 id='SendTokens'>
<FontAwesomeIcon <FontAwesomeIcon
className="title-icon" className='title-icon'
size="xs" size='xs'
icon="paper-plane" icon='paper-plane'
/> />
<span>Send</span> <span>Send</span>
</h1> </h1>
<Box className="border-none"> <Box className='border-none'>
<Text <Text
id="addressToSend" id='addressToSend'
name="address" name='address'
placeholder="Enter simpleledger address to send" placeholder='Enter simpleledger address to send'
label="SLP Address" label='SLP Address'
labelPosition="above" labelPosition='above'
onChange={_this.handleUpdate} onChange={_this.handleUpdate}
className="title-icon" className='title-icon'
buttonRight={ buttonRight={
<Button icon="fa-qrcode" onClick={_this.handleModal} /> <Button icon='fa-qrcode' onClick={_this.handleModal} />
} }
/> />
<Text <Text
id="amountToSend" id='amountToSend'
name="amountSat" name='amountSat'
placeholder="Enter amount to send" placeholder='Enter amount to send'
label="Amount" label='Amount'
value={_this.state.amountSat} value={_this.state.amountSat}
labelPosition="above" labelPosition='above'
onChange={_this.handleUpdate} onChange={_this.handleUpdate}
/> />
<Row className="token-botton-container"> <Row className='token-botton-container'>
<Col xs={12} sm={4}> <Col xs={12} sm={4}>
<Button <Button
text="Send" text='Send'
type="primary" type='primary'
className="btn-lg btn-send-token mr-1 ml-1 mt-1" className='btn-lg btn-send-token mr-1 ml-1 mt-1'
onClick={_this.handleSend} onClick={_this.handleSend}
/> />
</Col> </Col>
<Col xs={12} sm={4}> <Col xs={12} sm={4}>
<Button <Button
text="Send Max" text='Send Max'
type="primary" type='primary'
className="btn-lg btn-send-token mr-1 ml-1 mt-1" className='btn-lg btn-send-token mr-1 ml-1 mt-1'
onClick={_this.handleSendMax} onClick={_this.handleSendMax}
/> />
</Col> </Col>
<Col xs={12} sm={4}> <Col xs={12} sm={4}>
<Button <Button
text="Close" text='Close'
type="primary" type='primary'
className="btn-lg btn-send-token mr-1 ml-1 mt-1" className='btn-lg btn-send-token mr-1 ml-1 mt-1'
onClick={_this.props.handleBack} onClick={_this.props.handleBack}
/> />
</Col> </Col>
</Row> </Row>
</Box> </Box>
</Col> </Col>
<Col sm={12} className="text-center"> <Col sm={12} className='text-center'>
{_this.state.errMsg && ( {_this.state.errMsg && (
<p className="error-color">{_this.state.errMsg}</p> <p className='error-color'>{_this.state.errMsg}</p>
)} )}
{/* {_this.state.txId && ( {/* {_this.state.txId && (
<p className=''> <p className=''>
@@ -351,9 +351,9 @@ class SendTokens extends React.Component {
Rate limits exceeded, increase rate limits with a JWT token from Rate limits exceeded, increase rate limits with a JWT token from
<a <a
style={{ marginLeft: '5px' }} style={{ marginLeft: '5px' }}
target="_blank" target='_blank'
href="https://fullstack.cash" href='https://fullstack.cash'
rel="noopener noreferrer" rel='noopener noreferrer'
> >
FullStack.cash FullStack.cash
</a> </a>
src/components/admin-lte/wallet/create.js
+14 -14
View File
@@ -28,31 +28,31 @@ class NewWallet extends React.Component {
<Col sm={2} /> <Col sm={2} />
<Col sm={8}> <Col sm={8}>
<Box <Box
className="hover-shadow border-none mt-2" className='hover-shadow border-none mt-2'
loaded={!_this.state.inFetch} loaded={!_this.state.inFetch}
> >
<Row> <Row>
<Col sm={12} className="text-center"> <Col sm={12} className='text-center'>
<h1> <h1>
<FontAwesomeIcon <FontAwesomeIcon
className="title-icon" className='title-icon'
size="xs" size='xs'
icon="plus" icon='plus'
/> />
<span>New Wallet</span> <span>New Wallet</span>
</h1> </h1>
</Col> </Col>
<Col sm={12} className="text-center mt-2 mb-2"> <Col sm={12} className='text-center mt-2 mb-2'>
<Button <Button
text="Create Wallet" text='Create Wallet'
type="primary" type='primary'
className="btn-lg" className='btn-lg'
onClick={_this.handleCreateWallet} onClick={_this.handleCreateWallet}
/> />
</Col> </Col>
<Col sm={12} className="text-center "> <Col sm={12} className='text-center '>
{_this.state.errMsg && ( {_this.state.errMsg && (
<p className="error-color mt-2">{_this.state.errMsg}</p> <p className='error-color mt-2'>{_this.state.errMsg}</p>
)} )}
</Col> </Col>
</Row> </Row>
@@ -174,9 +174,9 @@ class NewWallet extends React.Component {
Rate limits exceeded, increase rate limits with a JWT token from Rate limits exceeded, increase rate limits with a JWT token from
<a <a
style={{ marginLeft: '5px' }} style={{ marginLeft: '5px' }}
target="_blank" target='_blank'
href="https://fullstack.cash" href='https://fullstack.cash'
rel="noopener noreferrer" rel='noopener noreferrer'
> >
FullStack.cash FullStack.cash
</a> </a>
src/components/admin-lte/wallet/import.js
+23 -23
View File
@@ -28,51 +28,51 @@ class ImportWallet extends React.Component {
render () { render () {
return ( return (
<Row className=""> <Row className=''>
<Col sm={2} /> <Col sm={2} />
<Col sm={8}> <Col sm={8}>
<Box <Box
className="hover-shadow border-none mt-2" className='hover-shadow border-none mt-2'
loaded={!_this.state.inFetch} loaded={!_this.state.inFetch}
> >
<Row> <Row>
<Col sm={12} className="text-center"> <Col sm={12} className='text-center'>
<h1> <h1>
<FontAwesomeIcon <FontAwesomeIcon
className="title-icon" className='title-icon'
size="xs" size='xs'
icon="file-import" icon='file-import'
/> />
<span>Import Wallet</span> <span>Import Wallet</span>
</h1> </h1>
</Col> </Col>
<Col sm={12} className="text-center mt-2 mb-2"> <Col sm={12} className='text-center mt-2 mb-2'>
<Row className="flex justify-content-center"> <Row className='flex justify-content-center'>
<Col sm={8}> <Col sm={8}>
<form autoComplete="off"> <form autoComplete='off'>
<Text <Text
id="import-mnemonic" id='import-mnemonic'
name="mnemonic" name='mnemonic'
placeholder="12 word mnemonic" placeholder='12 word mnemonic'
label="12 word mnemonic" label='12 word mnemonic'
labelPosition="above" labelPosition='above'
onChange={_this.handleUpdate} onChange={_this.handleUpdate}
/> />
</form> </form>
</Col> </Col>
</Row> </Row>
</Col> </Col>
<Col sm={12} className="text-center mb-2"> <Col sm={12} className='text-center mb-2'>
<Button <Button
text="Import" text='Import'
type="primary" type='primary'
className="btn-lg" className='btn-lg'
onClick={_this.handleImportWallet} onClick={_this.handleImportWallet}
/> />
</Col> </Col>
<Col sm={12} className="text-center"> <Col sm={12} className='text-center'>
{_this.state.errMsg && ( {_this.state.errMsg && (
<p className="error-color">{_this.state.errMsg}</p> <p className='error-color'>{_this.state.errMsg}</p>
)} )}
</Col> </Col>
</Row> </Row>
@@ -240,9 +240,9 @@ class ImportWallet extends React.Component {
Rate limits exceeded, increase rate limits with a JWT token from Rate limits exceeded, increase rate limits with a JWT token from
<a <a
style={{ marginLeft: '5px' }} style={{ marginLeft: '5px' }}
target="_blank" target='_blank'
href="https://fullstack.cash" href='https://fullstack.cash'
rel="noopener noreferrer" rel='noopener noreferrer'
> >
FullStack.cash FullStack.cash
</a> </a>
src/components/footer/index.js
+11 -11
View File
@@ -59,28 +59,28 @@ class Footer extends React.Component {
render () { render () {
return ( return (
<section id="footer"> <section id='footer'>
<Row className="footer-container"> <Row className='footer-container'>
<Col md={12} className="footer-section"> <Col md={12} className='footer-section'>
<Row> <Row>
<Col md={12} className="mb-1"> <Col md={12} className='mb-1'>
<p className="section-tittle">Produced By</p> <p className='section-tittle'>Produced By</p>
<a <a
href={siteConfig.hostUrl} href={siteConfig.hostUrl}
target="_blank" target='_blank'
rel="noopener noreferrer" rel='noopener noreferrer'
> >
{siteConfig.hostText} {siteConfig.hostText}
</a> </a>
</Col> </Col>
<Col md={12}> <Col md={12}>
<p className="section-tittle">Source Code</p> <p className='section-tittle'>Source Code</p>
<FontAwesomeIcon className="" size="lg" icon={faGithub} /> <FontAwesomeIcon className='' size='lg' icon={faGithub} />
<a <a
href={siteConfig.sourceCode} href={siteConfig.sourceCode}
target="_blank" target='_blank'
rel="noopener noreferrer" rel='noopener noreferrer'
> >
Github Github
</a> </a>