src/components/NeedFundsNotice.jsx · bridge

on df0c310 help sign in

bridge/src/components/NeedFundsNotice.jsx

27 lines 907 B history raw

1import React from 'react';

2import { safeFromWei } from '../lib/lib';

4import Highlighted from './Highlighted';

5import CopiableAddress from './copiable/CopiableAddress';

6import WarningBox from './WarningBox';

7import Blinky from './Blinky';

9export default function NeedFundsNotice({

10 address,

11 minBalance,

12 balance,

13 ...rest

14}) {

15 return (

16 <WarningBox {...rest}>

17 <Highlighted warning>

18 Your ownership address <CopiableAddress>{address}</CopiableAddress>{' '}

19 needs at least {safeFromWei(minBalance)} ETH and currently has{' '}

20 {safeFromWei(balance)} ETH. Transaction costs may be high due to{' '}

21 Ethereum network activity. You can come back later to try again, or{' '}

22 transfer the required ETH now. The transaction will automatically resume{' '}

23 once enough ETH is available. Waiting... <Blinky />

24 </Highlighted>

25 </WarningBox>

26 );