oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-11-15 01:34:57 +01:00
Code Releases Activity

adding liquidity success output tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-07 13:55:54 +02:00
parent 231fdbb7fe
commit 5eef2275fe
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/organisms/AssetActions/Pool/Actions.module.css
View File

@ -11,6 +11,11 @@
justify-content: center;
}
.actions + div {
margin-top: calc(var(--spacer) / 2);
margin-bottom: calc(var(--spacer) / 2);
}
.actions button {
margin-left: calc(var(--spacer) / 4);
margin-right: calc(var(--spacer) / 4);

15
src/components/organisms/AssetActions/Pool/Actions.tsx
View File

@ -3,6 +3,7 @@ import Loader from '../../../atoms/Loader'
import Button from '../../../atoms/Button'
import Alert from '../../../atoms/Alert'
import styles from './Actions.module.css'
import EtherscanLink from '../../../atoms/EtherscanLink'
export default function Actions({
isLoading,
@ -18,6 +19,7 @@ export default function Actions({
action: () => void
}): ReactElement {
return (
<>
<div className={styles.actions}>
{isLoading ? (
<Loader message={loaderMessage} />
@ -26,7 +28,18 @@ export default function Actions({
{actionName}
</Button>
)}
{txId && <Alert text={`Transaction ID: ${txId}`} state="success" />}
</div>
{txId && (
<>
<Alert
text={`Successfully added liquidity. Transaction ID: ${txId}`}
state="success"
/>
<EtherscanLink network="rinkeby" path={`/tx/${txId}`}>
Etherscan
</EtherscanLink>
</>
)}
</>
)
}