From 801d69d8f52146dfa53e1753666930f9fd28b231 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 28 Aug 2020 17:24:59 +0200
Subject: [PATCH] output tx id after adding liquidity

---
 src/components/organisms/AssetActions/Pool/Add.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/organisms/AssetActions/Pool/Add.tsx b/src/components/organisms/AssetActions/Pool/Add.tsx
index 630e5ccc8..eff7ad645 100644
--- a/src/components/organisms/AssetActions/Pool/Add.tsx
+++ b/src/components/organisms/AssetActions/Pool/Add.tsx
@@ -10,6 +10,7 @@ import InputElement from '../../../atoms/Input/InputElement'
 import Token from './Token'
 import { Balance } from './'
 import PriceUnit from '../../../atoms/Price/PriceUnit'
+import Alert from '../../../atoms/Alert'
 
 export default function Add({
   setShowAdd,
@@ -24,6 +25,7 @@ export default function Add({
 }): ReactElement {
   const { ocean, accountId, balance } = useOcean()
   const [amount, setAmount] = useState('')
+  const [txId, setTxId] = useState<string>('')
   const [isLoading, setIsLoading] = useState<boolean>()
 
   const newPoolTokens =
@@ -45,6 +47,7 @@ export default function Add({
       )
       // TODO: Figure out the result structure, thenreplace `any` return in lib-js
       console.log(result)
+      setTxId(result.transactionHash)
     } catch (error) {
       console.error(error.message)
       toast.error(error.message)
@@ -95,6 +98,12 @@ export default function Add({
             Supply
           </Button>
         )}
+        {txId && (
+          <Alert
+            text={`Liquidity added. Transaction ID: ${txId}`}
+            state="success"
+          />
+        )}
       </div>
     </div>
   )