From 9e3712736078fe01aa2c4398e9a7076392d5ed37 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 20 Aug 2020 16:59:17 +0200
Subject: [PATCH] useMetadata fixes

---
 package-lock.json                                    | 6 +++---
 package.json                                         | 2 +-
 src/components/atoms/Price/index.tsx                 | 2 +-
 src/components/molecules/AssetTeaser.tsx             | 4 +---
 src/components/organisms/AssetActions/Pool/index.tsx | 2 +-
 src/components/organisms/AssetActions/index.tsx      | 2 +-
 6 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5861856f4..702b549e1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3232,9 +3232,9 @@
       }
     },
     "@oceanprotocol/react": {
-      "version": "0.0.38",
-      "resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.0.38.tgz",
-      "integrity": "sha512-ij7/8B1BsX+ZwKJGkXq7KdbHBwnAZyreIpJK4etksaSt0PjC5KbizfM4ElnED7VVkckqhgp+6W5nx9+6ULBeGA==",
+      "version": "0.0.40",
+      "resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.0.40.tgz",
+      "integrity": "sha512-E6t55oZAXZumqFuuBug/0U3PLNC5zqdJ4qbo6bAO2oyUdQggSXNScE3D+NbsjhIgIykXTSSYgj15yuSlvfqLcA==",
       "requires": {
         "@oceanprotocol/lib": "^0.1.12",
         "axios": "^0.19.2",
diff --git a/package.json b/package.json
index 3c4ab970b..d62d1e19a 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@loadable/component": "^5.13.1",
     "@oceanprotocol/art": "^3.0.0",
     "@oceanprotocol/lib": "^0.1.14",
-    "@oceanprotocol/react": "0.0.38",
+    "@oceanprotocol/react": "^0.0.40",
     "@oceanprotocol/typographies": "^0.1.0",
     "@sindresorhus/slugify": "^1.0.0",
     "@tippyjs/react": "^4.1.0",
diff --git a/src/components/atoms/Price/index.tsx b/src/components/atoms/Price/index.tsx
index 2971d8da6..e04e58311 100644
--- a/src/components/atoms/Price/index.tsx
+++ b/src/components/atoms/Price/index.tsx
@@ -18,7 +18,7 @@ export default function Price({
   conversion?: boolean
 }): ReactElement {
   const { ocean } = useOcean()
-  const { price } = useMetadata(ddo.id)
+  const { price } = useMetadata(ddo)
 
   return !ocean ? (
     <div className={styles.empty}>Connect your wallet to view price</div>
diff --git a/src/components/molecules/AssetTeaser.tsx b/src/components/molecules/AssetTeaser.tsx
index 4decaea5f..720200bb2 100644
--- a/src/components/molecules/AssetTeaser.tsx
+++ b/src/components/molecules/AssetTeaser.tsx
@@ -1,12 +1,10 @@
-import React, { useState, useEffect } from 'react'
+import React from 'react'
 import { Link } from 'gatsby'
 import Dotdotdot from 'react-dotdotdot'
 import { MetadataMarket } from '../../@types/Metadata'
 import Price from '../atoms/Price'
 import styles from './AssetTeaser.module.css'
-import { useMetadata } from '@oceanprotocol/react'
 import { DDO } from '@oceanprotocol/lib'
-import Loader from '../atoms/Loader'
 
 declare type AssetTeaserProps = {
   ddo: DDO
diff --git a/src/components/organisms/AssetActions/Pool/index.tsx b/src/components/organisms/AssetActions/Pool/index.tsx
index 2e461e8f5..5beb7d2f7 100644
--- a/src/components/organisms/AssetActions/Pool/index.tsx
+++ b/src/components/organisms/AssetActions/Pool/index.tsx
@@ -19,7 +19,7 @@ interface Balance {
 
 export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
   const { ocean, accountId } = useOcean()
-  const { price, poolAddress } = useMetadata(ddo.id)
+  const { price, poolAddress } = useMetadata(ddo)
 
   const [poolTokens, setPoolTokens] = useState<string>()
   const [totalBalance, setTotalBalance] = useState<Balance>()
diff --git a/src/components/organisms/AssetActions/index.tsx b/src/components/organisms/AssetActions/index.tsx
index 4df5077f0..6633eb557 100644
--- a/src/components/organisms/AssetActions/index.tsx
+++ b/src/components/organisms/AssetActions/index.tsx
@@ -17,7 +17,7 @@ export default function AssetActions({
   ddo: DDO
 }): ReactElement {
   const { balance } = useOcean()
-  const { price } = useMetadata(ddo.id)
+  const { price } = useMetadata(ddo)
   const [isBalanceSufficient, setIsBalanceSufficient] = useState<boolean>()
 
   const isCompute = Boolean(ddo.findServiceByType('compute'))