consume fixes, tab fixes

src/components/organisms/AssetActions/Consume.tsx

@@ -27,8 +27,9 @@ export default function Consume({
     toast.error(consumeError)
   }
 
-  const PurchaseButton = () =>
+  const PurchaseButton = () => (
-    consumeStepText ? (
+    <div>
+      {consumeStepText ? (
         <Loader message={consumeStepText} />
       ) : (
         <Button
@@ -38,6 +39,8 @@ export default function Consume({
         >
           Buy
         </Button>
+      )}
+    </div>
   )
 
   return (

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