From d7ff2694f7393e4e7de92d7545d25ca262b8985a Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 23 Sep 2020 13:55:53 +0200
Subject: [PATCH] consume fixes, tab fixes

---
 .../organisms/AssetActions/Consume.tsx        | 27 ++++++++++---------
 .../organisms/AssetActions/index.tsx          | 19 ++++++++-----
 2 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/components/organisms/AssetActions/Consume.tsx b/src/components/organisms/AssetActions/Consume.tsx
index fb94fd154..486c2f600 100644
--- a/src/components/organisms/AssetActions/Consume.tsx
+++ b/src/components/organisms/AssetActions/Consume.tsx
@@ -27,18 +27,21 @@ export default function Consume({
     toast.error(consumeError)
   }
 
-  const PurchaseButton = () =>
-    consumeStepText ? (
-      <Loader message={consumeStepText} />
-    ) : (
-      <Button
-        style="primary"
-        onClick={() => consume(ddo.id, ddo.dataToken, 'access')}
-        disabled={isDisabled}
-      >
-        Buy
-      </Button>
-    )
+  const PurchaseButton = () => (
+    <div>
+      {consumeStepText ? (
+        <Loader message={consumeStepText} />
+      ) : (
+        <Button
+          style="primary"
+          onClick={() => consume(ddo.id, ddo.dataToken, 'access')}
+          disabled={isDisabled}
+        >
+          Buy
+        </Button>
+      )}
+    </div>
+  )
 
   return (
     <aside className={styles.consume}>
diff --git a/src/components/organisms/AssetActions/index.tsx b/src/components/organisms/AssetActions/index.tsx
index 78338df97..f4f959aaf 100644
--- a/src/components/organisms/AssetActions/index.tsx
+++ b/src/components/organisms/AssetActions/index.tsx
@@ -46,15 +46,20 @@ export default function AssetActions({ ddo }: { ddo: DDO }): ReactElement {
     {
       title: 'Use',
       content: UseContent
-    },
-    (!((attributes.additionalInformation as unknown) as AdditionalInformationMarket)
-      ?.priceType ||
-      ((attributes.additionalInformation as unknown) as AdditionalInformationMarket)
-        ?.priceType === 'dynamic') && {
-      title: 'Pool',
-      content: <Pool ddo={ddo} />
     }
   ]
 
+  // Check from metadata, cause that is available earlier
+  const hasPool =
+    ((attributes.additionalInformation as unknown) as AdditionalInformationMarket)
+      ?.priceType === 'dynamic'
+  // price?.type === 'pool'
+
+  hasPool &&
+    tabs.push({
+      title: 'Pool',
+      content: <Pool ddo={ddo} />
+    })
+
   return <Tabs items={tabs} className={styles.actions} />
 }