adding liquidity success output tweaks

src/components/organisms/AssetActions/Pool/Actions.module.css

@@ -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);

src/components/organisms/AssetActions/Pool/Actions.tsx

@@ -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,15 +19,27 @@ export default function Actions({
   action: () => void
 }): ReactElement {
   return (
-    <div className={styles.actions}>
-      {isLoading ? (
-        <Loader message={loaderMessage} />
-      ) : (
-        <Button style="primary" size="small" onClick={() => action()}>
-          {actionName}
-        </Button>
+    <>
+      <div className={styles.actions}>
+        {isLoading ? (
+          <Loader message={loaderMessage} />
+        ) : (
+          <Button style="primary" size="small" onClick={() => action()}>
+            {actionName}
+          </Button>
+        )}
+      </div>
+      {txId && (
+        <>
+          <Alert
+            text={`Successfully added liquidity. Transaction ID: ${txId}`}
+            state="success"
+          />
+          <EtherscanLink network="rinkeby" path={`/tx/${txId}`}>
+            Etherscan
+          </EtherscanLink>
+        </>
       )}
-      {txId && <Alert text={`Transaction ID: ${txId}`} state="success" />}
-    </div>
+    </>
   )
 }