Vojtech Simetka
bc01d60728
* style: add eslint configuration as per bee-js * chore: add `plugin:react/reocommended` in `.eslintrc` Co-authored-by: nugaon <50576770+nugaon@users.noreply.github.com> * chore: add `consistent` to `array-bracket-newline` as per review * style: after automatic fixes with `npm run lint` * style: fixed all linter errors * refactor: fixed all linter warnings * chore: added missing new line at end of `.prettierrc` file Co-authored-by: nugaon <50576770+nugaon@users.noreply.github.com>
57 lines
2.3 KiB
TypeScript
57 lines
2.3 KiB
TypeScript
import type { ReactElement } from 'react'
|
|
import { Typography } from '@material-ui/core/'
|
|
import { CheckCircle, Warning } from '@material-ui/icons/'
|
|
import EthereumAddress from '../../../components/EthereumAddress'
|
|
import type { NodeAddresses } from '@ethersphere/bee-js'
|
|
|
|
interface Props {
|
|
nodeAddresses: NodeAddresses | null
|
|
isLoadingNodeAddresses: boolean
|
|
}
|
|
|
|
export default function EthereumConnectionCheck(props: Props): ReactElement {
|
|
return (
|
|
<div>
|
|
<p>Connect to the ethereum blockchain.</p>
|
|
<div style={{ marginBottom: '10px' }}>
|
|
{
|
|
// FIXME: this should be broken up
|
|
/* eslint-disable no-nested-ternary */
|
|
props.nodeAddresses?.ethereum ? (
|
|
<div>
|
|
<CheckCircle style={{ color: '#32c48d', marginRight: '7px', height: '18px' }} />
|
|
<span>Your connected to the Ethereum network</span>
|
|
</div>
|
|
) : props.isLoadingNodeAddresses ? null : (
|
|
<div>
|
|
<Warning style={{ color: '#ff9800', marginRight: '7px', height: '18px' }} />
|
|
<span>Your not connected to the Ethereum network. </span>
|
|
<p>
|
|
Your Bee node must have access to the Ethereum blockchain, so that it can interact and deploy your
|
|
chequebook contract. You can run{' '}
|
|
<a href="https://github.com/goerli/testnet" rel="noreferrer" target="_blank">
|
|
your own Goerli node
|
|
</a>
|
|
, or use a provider such as{' '}
|
|
<a href="https://rpc.slock.it/goerli" rel="noreferrer" target="_blank">
|
|
rpc.slock.it/goerli
|
|
</a>{' '}
|
|
or{' '}
|
|
<a href="https://infura.io/" rel="noreferrer" target="_blank">
|
|
Infura
|
|
</a>
|
|
. By default, Bee expects a local Goerli node at http://localhost:8545. To use a provider instead,
|
|
simply change your <strong>--swap-endpoint</strong> in your configuration file.
|
|
</p>
|
|
</div>
|
|
) /* eslint-enable no-nested-ternary */
|
|
}
|
|
</div>
|
|
<Typography variant="subtitle1" gutterBottom>
|
|
Node Address
|
|
</Typography>
|
|
<EthereumAddress address={props.nodeAddresses?.ethereum} network={'goerli'} />
|
|
</div>
|
|
)
|
|
}
|