consume fixes, tab fixes

src/components/organisms/AssetActions/Consume.tsx

@@ -27,18 +27,21 @@ export default function Consume({
     toast.error(consumeError)
   }
 
-  const PurchaseButton = () =>
+  const PurchaseButton = () => (
-    consumeStepText ? (
+    <div>
-      <Loader message={consumeStepText} />
+      {consumeStepText ? (
-    ) : (
+        <Loader message={consumeStepText} />
-      <Button
+      ) : (
-        style="primary"
+        <Button
-        onClick={() => consume(ddo.id, ddo.dataToken, 'access')}
+          style="primary"
-        disabled={isDisabled}
+          onClick={() => consume(ddo.id, ddo.dataToken, 'access')}
-      >
+          disabled={isDisabled}
-        Buy
+        >
-      </Button>
+          Buy
-    )
+        </Button>
+      )}
+    </div>
+  )
 
   return (
     <aside className={styles.consume}>

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} />
 }