Commit d178bbb0 authored by tom's avatar tom

update texts

parent 0d997da5
import { Alert, Spinner, Text, Link, chakra } from '@chakra-ui/react'; import { Alert, Link, chakra } from '@chakra-ui/react';
import React from 'react'; import React from 'react';
import useNewTxsSocket from 'lib/hooks/useNewTxsSocket'; import useNewTxsSocket from 'lib/hooks/useNewTxsSocket';
...@@ -36,14 +36,16 @@ const TxsNewItemNotice = ({ children, className }: Props) => { ...@@ -36,14 +36,16 @@ const TxsNewItemNotice = ({ children, className }: Props) => {
} }
if (!num) { if (!num) {
return null; return (
<Alert className={ className } status="warning" p={ 4 } fontWeight={ 400 }>
scanning new transactions...
</Alert>
);
} }
return ( return (
<Alert className={ className } status="warning" p={ 4 } fontWeight={ 400 }> <Alert className={ className } status="warning" p={ 4 } fontWeight={ 400 }>
<Spinner size="sm" mr={ 3 }/> <Link onClick={ handleClick }>{ num } more transaction have come in</Link>
<Text as="span" whiteSpace="pre">+ { num } new transaction{ num > 1 ? 's' : '' }. </Text>
<Link onClick={ handleClick }>View in list</Link>
</Alert> </Alert>
); );
})(); })();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment