This commit is contained in:
Chris Troutner
2022-02-02 12:37:24 -08:00
parent a342adb90e
commit 6d20212af6
+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>