oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

price update when connecting

Browse Source
This commit is contained in:
mihaisc 2020-08-12 16:11:14 +03:00
parent 920d5c59fb
commit 041a6c63b5
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
package-lock.json generated
View File

@ -3606,9 +3606,9 @@
} }
}, },
"@oceanprotocol/react": { "@oceanprotocol/react": {
"version": "0.0.34", "version": "0.0.36",
"resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.0.34.tgz", "resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.0.36.tgz",
"integrity": "sha512-xgKNuVszU0eYtDnByPaI0PSZgO1S+haWlMOGvmLTfxiKv2A/m2qK09gFiY5SgiGsPozphG5daTw7M0dyf0tD1w==", "integrity": "sha512-IUiA3zWGUBUb23bW+Oxg9QDd7rS6EVVCDqxkvbGqOuNxPybKqZMs5JNzQGW9hJY6SrmrBQGY114b3+CxoCULUA==",
"requires": { "requires": {
"@oceanprotocol/lib": "^0.1.11", "@oceanprotocol/lib": "^0.1.11",
"axios": "^0.19.2", "axios": "^0.19.2",

2
package.json
View File

@ -23,7 +23,7 @@
"@loadable/component": "^5.13.1", "@loadable/component": "^5.13.1",
"@oceanprotocol/art": "^3.0.0", "@oceanprotocol/art": "^3.0.0",
"@oceanprotocol/lib": "^0.1.11", "@oceanprotocol/lib": "^0.1.11",
"@oceanprotocol/react": "^0.0.34", "@oceanprotocol/react": "^0.0.36",
"@oceanprotocol/typographies": "^0.1.0", "@oceanprotocol/typographies": "^0.1.0",
"@sindresorhus/slugify": "^1.0.0", "@sindresorhus/slugify": "^1.0.0",
"@tippyjs/react": "^4.1.0", "@tippyjs/react": "^4.1.0",

9
src/components/atoms/Price/index.tsx
View File

@ -21,18 +21,19 @@ export default function Price({
small?: boolean small?: boolean
setPriceOutside?: (price: string) => void setPriceOutside?: (price: string) => void
}): ReactElement { }): ReactElement {
const { chainId } = useOcean() const { ocean, chainId, accountId } = useOcean()
const { getBestPrice } = useMetadata() const { getBestPrice } = useMetadata()
const [price, setPrice] = useState<string>() const [price, setPrice] = useState<string>()
useEffect(() => { useEffect(() => {
async function init() { async function init() {
console.log(ocean)
const price = await getBestPrice(ddo.dataToken) const price = await getBestPrice(ddo.dataToken)
setPrice(price) setPrice(price)
setPriceOutside && price !== '' && setPriceOutside(price) setPriceOutside && price !== '' && setPriceOutside(price)
} }
init() init()
}, [chainId]) }, [chainId, accountId, ocean])
const styleClasses = cx({ const styleClasses = cx({
price: true, price: true,
@ -51,7 +52,9 @@ export default function Price({
</> </>
) )
return price ? ( return !ocean ? (
<div className={styles.empty}>Please connect your wallet to view price</div>
) : price ? (
<div className={styleClasses}>{displayPrice}</div> <div className={styleClasses}>{displayPrice}</div>
) : price === '' ? ( ) : price === '' ? (
<div className={styles.empty}> <div className={styles.empty}>