oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

cleanup, keep render function short

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-02-28 14:04:55 -03:00
parent f21706bcf3
commit acef1130cb
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/routes/Faucet.tsx
View File

@ -13,7 +13,7 @@ interface FaucetState {
eth?: string
}
class Faucet extends PureComponent<{}, FaucetState> {
export default class Faucet extends PureComponent<{}, FaucetState> {
public state = {
isLoading: false,
success: undefined,
@ -37,6 +37,50 @@ class Faucet extends PureComponent<{}, FaucetState> {
}
}
private RequestMarkup = () => (
<User.Consumer>
{states => (
<Button
primary
onClick={() => this.getTokens(states.requestFromFaucet)}
>
Request Ether
</Button>
)}
</User.Consumer>
)
private ActionMarkup = () => (
<div className={styles.action}>
{this.state.isLoading ? (
<Spinner message="Getting Ether..." />
) : this.state.error ? (
<div className={styles.error}>
{this.state.error}{' '}
<Button link onClick={this.reset}>
Try again
</Button>
</div>
) : this.state.success ? (
<div className={styles.success}>{this.state.success}</div>
) : (
<this.RequestMarkup />
)}
<p>
You can only request Ether once every 24 hours for your address.
</p>
</div>
)
private reset = () => {
this.setState({
error: undefined,
success: undefined,
isLoading: false
})
}
public render() {
return (
<Route
@ -45,38 +89,8 @@ class Faucet extends PureComponent<{}, FaucetState> {
>
<Web3message />
<div className={styles.action}>
<User.Consumer>
{states =>
this.state.isLoading ? (
<Spinner message="Getting Ether..." />
) : this.state.error ? (
this.state.error
) : this.state.success ? (
<div className={styles.success}>
{this.state.success}
</div>
) : (
<Button
primary
onClick={() =>
this.getTokens(states.requestFromFaucet)
}
>
Request Ether
</Button>
)
}
</User.Consumer>
<p>
You can only request Ether once every 24 hours for your
address.
</p>
</div>
<this.ActionMarkup />
</Route>
)
}
}
export default Faucet