From 7e10f2232c0cf8ac5025fc0028207fa37f2bb247 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 18 Aug 2020 00:21:42 +0200
Subject: [PATCH] get all the tokens

---
 .../organisms/AssetActions/Trade.tsx          | 33 +++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/components/organisms/AssetActions/Trade.tsx b/src/components/organisms/AssetActions/Trade.tsx
index 2cc3da0d5..0f9854457 100644
--- a/src/components/organisms/AssetActions/Trade.tsx
+++ b/src/components/organisms/AssetActions/Trade.tsx
@@ -5,19 +5,40 @@ import { DDO } from '@oceanprotocol/lib'
 export default function Trade({ ddo }: { ddo: DDO }): ReactElement {
   const { ocean, accountId } = useOcean()
   const [finalTokens, setFinalTokens] = useState()
+  const [currentTokens, setCurrentTokens] = useState<string[]>()
+  const [numTokens, setNumTokens] = useState()
 
   const poolAddress = '0xunknown' // How to get this?
 
   useEffect(() => {
     async function init() {
-      const finalTokens = await ocean.pool.getFinalTokens(
-        accountId,
-        poolAddress
-      )
-      setFinalTokens(finalTokens)
+      try {
+        const numTokens = await ocean.pool.getNumTokens(accountId, poolAddress)
+        setNumTokens(numTokens)
+
+        const currentTokens = await ocean.pool.getCurrentTokens(
+          accountId,
+          poolAddress
+        )
+        setCurrentTokens(currentTokens)
+
+        const finalTokens = await ocean.pool.getFinalTokens(
+          accountId,
+          poolAddress
+        )
+        setFinalTokens(finalTokens)
+      } catch (error) {
+        console.error(error.message)
+      }
     }
     init()
   }, [])
 
-  return <div>Final Tokens: {finalTokens}</div>
+  return (
+    <>
+      <div>Num Tokens: {numTokens}</div>
+      <div>Current Tokens: {currentTokens}</div>
+      <div>Final Tokens: {finalTokens}</div>
+    </>
+  )
 }