mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
remove created files
This commit is contained in:
Norbi
parent
7c30d974ad
commit
c731bab782
@ -1,112 +0,0 @@
|
|||||||
import React, { ReactElement, useEffect, useState } from 'react'
|
|
||||||
import { graphql, useStaticQuery } from 'gatsby'
|
|
||||||
import Markdown from '../../atoms/Markdown'
|
|
||||||
import MetaFull from '../AssetContent/MetaFull'
|
|
||||||
import MetaSecondary from '../AssetContent/MetaSecondary'
|
|
||||||
import styles from './index.module.css'
|
|
||||||
import AssetActions from '../AssetActions'
|
|
||||||
import { useUserPreferences } from '../../../providers/UserPreferences'
|
|
||||||
import Pricing from '../AssetContent/Pricing'
|
|
||||||
import { useOcean } from '@oceanprotocol/react'
|
|
||||||
import Bookmark from '../AssetContent/Bookmark'
|
|
||||||
import { useAsset } from '../../../providers/Asset'
|
|
||||||
import Alert from '../../atoms/Alert'
|
|
||||||
import Button from '../../atoms/Button'
|
|
||||||
import Edit from '../AssetActions/Edit'
|
|
||||||
import DebugOutput from '../../atoms/DebugOutput'
|
|
||||||
import MetaMain from '../AssetContent/MetaMain'
|
|
||||||
// import EditHistory from './EditHistory'
|
|
||||||
|
|
||||||
export interface AlgorithmContentProps {
|
|
||||||
path?: string
|
|
||||||
}
|
|
||||||
|
|
||||||
const contentQuery = graphql`
|
|
||||||
query ContentQuery {
|
|
||||||
purgatory: allFile(filter: { relativePath: { eq: "purgatory.json" } }) {
|
|
||||||
edges {
|
|
||||||
node {
|
|
||||||
childContentJson {
|
|
||||||
asset {
|
|
||||||
title
|
|
||||||
description
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`
|
|
||||||
|
|
||||||
export default function AlgorithmContent(
|
|
||||||
props: AlgorithmContentProps
|
|
||||||
): ReactElement {
|
|
||||||
const data = useStaticQuery(contentQuery)
|
|
||||||
const content = data.purgatory.edges[0].node.childContentJson.asset
|
|
||||||
const { debug } = useUserPreferences()
|
|
||||||
const { accountId } = useOcean()
|
|
||||||
const { owner, isInPurgatory, purgatoryData } = useAsset()
|
|
||||||
const [showPricing, setShowPricing] = useState(false)
|
|
||||||
const [showEdit, setShowEdit] = useState<boolean>()
|
|
||||||
const { ddo, price, metadata } = useAsset()
|
|
||||||
const isOwner = accountId === owner
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!price) return
|
|
||||||
setShowPricing(isOwner && price.address === '')
|
|
||||||
}, [isOwner, price])
|
|
||||||
|
|
||||||
function handleEditButton() {
|
|
||||||
// move user's focus to top of screen
|
|
||||||
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })
|
|
||||||
setShowEdit(true)
|
|
||||||
}
|
|
||||||
|
|
||||||
return showEdit ? (
|
|
||||||
<Edit setShowEdit={setShowEdit} />
|
|
||||||
) : (
|
|
||||||
<article className={styles.grid}>
|
|
||||||
<div>
|
|
||||||
{showPricing && <Pricing ddo={ddo} />}
|
|
||||||
<div className={styles.content}>
|
|
||||||
<MetaMain />
|
|
||||||
<Bookmark did={ddo.id} />
|
|
||||||
|
|
||||||
{isInPurgatory ? (
|
|
||||||
<Alert
|
|
||||||
title={content.title}
|
|
||||||
badge={`Reason: ${purgatoryData?.reason}`}
|
|
||||||
text={content.description}
|
|
||||||
state="error"
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
<Markdown
|
|
||||||
className={styles.description}
|
|
||||||
text={metadata?.additionalInformation?.description || ''}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<MetaSecondary />
|
|
||||||
|
|
||||||
{isOwner && (
|
|
||||||
<div className={styles.ownerActions}>
|
|
||||||
<Button style="text" size="small" onClick={handleEditButton}>
|
|
||||||
Edit Metadata
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<MetaFull />
|
|
||||||
{/* <EditHistory /> */}
|
|
||||||
{debug === true && <DebugOutput title="DDO" output={ddo} />}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={styles.actions}>
|
|
||||||
<AssetActions />
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
import React, { useState, useEffect, ReactElement } from 'react'
|
|
||||||
import { Router } from '@reach/router'
|
|
||||||
import AssetContent from '../organisms/AssetContent'
|
|
||||||
import Page from './Page'
|
|
||||||
import Alert from '../atoms/Alert'
|
|
||||||
import Loader from '../atoms/Loader'
|
|
||||||
import { useAlgorithm } from '../../providers/Algorithm'
|
|
||||||
|
|
||||||
export default function PageTemplateAlgorithmDetails({
|
|
||||||
uri
|
|
||||||
}: {
|
|
||||||
uri: string
|
|
||||||
}): ReactElement {
|
|
||||||
const { ddo, title, error, isInPurgatory } = useAlgorithm()
|
|
||||||
const [pageTitle, setPageTitle] = useState<string>()
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!ddo || error) {
|
|
||||||
setPageTitle('Could not retrieve asset')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
setPageTitle(isInPurgatory ? '' : title)
|
|
||||||
}, [ddo, error, isInPurgatory, title])
|
|
||||||
|
|
||||||
return ddo ? (
|
|
||||||
<>
|
|
||||||
<Page title={pageTitle} uri={uri}>
|
|
||||||
<Router basepath="/algorithm">
|
|
||||||
<AssetContent path=":did" />
|
|
||||||
</Router>
|
|
||||||
</Page>
|
|
||||||
</>
|
|
||||||
) : error ? (
|
|
||||||
<Page title={pageTitle} noPageHeader uri={uri}>
|
|
||||||
<Alert title={pageTitle} text={error} state="error" />
|
|
||||||
</Page>
|
|
||||||
) : (
|
|
||||||
<Page title={undefined} uri={uri}>
|
|
||||||
<Loader />
|
|
||||||
</Page>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
import React, { ReactElement, useEffect, useState } from 'react'
|
|
||||||
import { PageProps } from 'gatsby'
|
|
||||||
import PageTemplateAlgorithmDetails from '../../components/templates/PageAlgorithmDetails'
|
|
||||||
import AlgorithmProvider from '../../providers/Algorithm'
|
|
||||||
|
|
||||||
export default function PageGatsbyAssetDetails(props: PageProps): ReactElement {
|
|
||||||
const [did, setDid] = useState<string>()
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
console.log('did', props.location.pathname.split('/')[2])
|
|
||||||
setDid(props.location.pathname.split('/')[2])
|
|
||||||
}, [props.location.pathname])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<AlgorithmProvider asset={did}>
|
|
||||||
<PageTemplateAlgorithmDetails uri={props.location.pathname} />
|
|
||||||
</AlgorithmProvider>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,205 +0,0 @@
|
|||||||
import React, {
|
|
||||||
useContext,
|
|
||||||
useState,
|
|
||||||
useEffect,
|
|
||||||
createContext,
|
|
||||||
ReactElement,
|
|
||||||
useCallback,
|
|
||||||
ReactNode
|
|
||||||
} from 'react'
|
|
||||||
import { Logger, DDO, BestPrice } from '@oceanprotocol/lib'
|
|
||||||
import { PurgatoryData } from '@oceanprotocol/lib/dist/node/ddo/interfaces/PurgatoryData'
|
|
||||||
import { getDataTokenPrice, useOcean } from '@oceanprotocol/react'
|
|
||||||
import getAssetPurgatoryData from '../utils/purgatory'
|
|
||||||
import { ConfigHelperConfig } from '@oceanprotocol/lib/dist/node/utils/ConfigHelper'
|
|
||||||
import axios, { CancelToken } from 'axios'
|
|
||||||
import { retrieveDDO } from '../utils/aquarius'
|
|
||||||
import { MetadataMarket } from '../@types/MetaData'
|
|
||||||
|
|
||||||
interface AlgorithmProviderValue {
|
|
||||||
isInPurgatory: boolean
|
|
||||||
purgatoryData: PurgatoryData
|
|
||||||
ddo: DDO | undefined
|
|
||||||
did: string | undefined
|
|
||||||
metadata: MetadataMarket | undefined
|
|
||||||
title: string | undefined
|
|
||||||
owner: string | undefined
|
|
||||||
price: BestPrice | undefined
|
|
||||||
error?: string
|
|
||||||
refreshInterval: number
|
|
||||||
refreshDdo: (token?: CancelToken) => Promise<void>
|
|
||||||
refreshPrice: () => Promise<void>
|
|
||||||
}
|
|
||||||
|
|
||||||
const AssetContext = createContext({} as AlgorithmProviderValue)
|
|
||||||
|
|
||||||
const refreshInterval = 10000 // 10 sec.
|
|
||||||
|
|
||||||
function AlgorithmProvider({
|
|
||||||
asset,
|
|
||||||
children
|
|
||||||
}: {
|
|
||||||
asset: string | DDO
|
|
||||||
children: ReactNode
|
|
||||||
}): ReactElement {
|
|
||||||
const { ocean, status, config, networkId } = useOcean()
|
|
||||||
const [isInPurgatory, setIsInPurgatory] = useState(false)
|
|
||||||
const [purgatoryData, setPurgatoryData] = useState<PurgatoryData>()
|
|
||||||
const [ddo, setDDO] = useState<DDO>()
|
|
||||||
const [did, setDID] = useState<string>()
|
|
||||||
const [metadata, setMetadata] = useState<MetadataMarket>()
|
|
||||||
const [title, setTitle] = useState<string>()
|
|
||||||
const [price, setPrice] = useState<BestPrice>()
|
|
||||||
const [owner, setOwner] = useState<string>()
|
|
||||||
const [error, setError] = useState<string>()
|
|
||||||
|
|
||||||
const refreshPrice = useCallback(async () => {
|
|
||||||
if (
|
|
||||||
!ddo ||
|
|
||||||
status !== 1 ||
|
|
||||||
networkId !== (config as ConfigHelperConfig).networkId
|
|
||||||
)
|
|
||||||
return
|
|
||||||
|
|
||||||
const newPrice = await getDataTokenPrice(
|
|
||||||
ocean,
|
|
||||||
ddo.dataToken,
|
|
||||||
ddo?.price?.type,
|
|
||||||
ddo.price.address
|
|
||||||
)
|
|
||||||
setPrice(newPrice)
|
|
||||||
Logger.log(`Refreshed asset price: ${newPrice?.value}`, newPrice)
|
|
||||||
}, [ocean, config, ddo, networkId, status])
|
|
||||||
|
|
||||||
const fetchDdo = async (token?: CancelToken) => {
|
|
||||||
Logger.log('Init asset, get ddo')
|
|
||||||
const ddo = await retrieveDDO(
|
|
||||||
asset as string,
|
|
||||||
config.metadataCacheUri,
|
|
||||||
token
|
|
||||||
)
|
|
||||||
|
|
||||||
if (!ddo) {
|
|
||||||
setError(
|
|
||||||
`The DDO for ${asset} was not found in MetadataCache. If you just published a new data set, wait some seconds and refresh this page.`
|
|
||||||
)
|
|
||||||
} else {
|
|
||||||
setError(undefined)
|
|
||||||
}
|
|
||||||
return ddo
|
|
||||||
}
|
|
||||||
|
|
||||||
const refreshDdo = async (token?: CancelToken) => {
|
|
||||||
const ddo = await fetchDdo(token)
|
|
||||||
Logger.debug('DDO', ddo)
|
|
||||||
setDDO(ddo)
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Get and set DDO based on passed DDO or DID
|
|
||||||
//
|
|
||||||
useEffect(() => {
|
|
||||||
if (!asset || !config?.metadataCacheUri) return
|
|
||||||
|
|
||||||
const source = axios.CancelToken.source()
|
|
||||||
let isMounted = true
|
|
||||||
Logger.log('Init asset, get ddo')
|
|
||||||
|
|
||||||
async function init() {
|
|
||||||
const ddo = await fetchDdo(source.token)
|
|
||||||
if (!isMounted) return
|
|
||||||
Logger.debug('DDO', ddo)
|
|
||||||
setDDO(ddo)
|
|
||||||
setDID(asset as string)
|
|
||||||
}
|
|
||||||
init()
|
|
||||||
return () => {
|
|
||||||
isMounted = false
|
|
||||||
source.cancel()
|
|
||||||
}
|
|
||||||
}, [asset, config?.metadataCacheUri])
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
// Re-fetch price periodically, triggering re-calculation of everything
|
|
||||||
let isMounted = true
|
|
||||||
|
|
||||||
const interval = setInterval(() => {
|
|
||||||
if (!isMounted) return
|
|
||||||
refreshPrice()
|
|
||||||
}, refreshInterval)
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
clearInterval(interval)
|
|
||||||
isMounted = false
|
|
||||||
}
|
|
||||||
}, [ddo, networkId, refreshPrice])
|
|
||||||
|
|
||||||
const setPurgatory = useCallback(async (did: string): Promise<void> => {
|
|
||||||
if (!did) return
|
|
||||||
try {
|
|
||||||
const result = await getAssetPurgatoryData(did)
|
|
||||||
|
|
||||||
if (result?.did !== undefined) {
|
|
||||||
setIsInPurgatory(true)
|
|
||||||
setPurgatoryData(result)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
setIsInPurgatory(false)
|
|
||||||
} catch (error) {
|
|
||||||
Logger.error(error)
|
|
||||||
}
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const initMetadata = useCallback(
|
|
||||||
async (ddo: DDO): Promise<void> => {
|
|
||||||
if (!ddo) return
|
|
||||||
|
|
||||||
Logger.log('Init metadata')
|
|
||||||
// Set price & metadata from DDO first
|
|
||||||
setPrice(ddo.price)
|
|
||||||
const { attributes } = ddo.findServiceByType('metadata')
|
|
||||||
setMetadata((attributes as unknown) as MetadataMarket)
|
|
||||||
setTitle(attributes?.main.name)
|
|
||||||
setOwner(ddo.publicKey[0].owner)
|
|
||||||
setIsInPurgatory(ddo.isInPurgatory === 'true')
|
|
||||||
|
|
||||||
await setPurgatory(ddo.id)
|
|
||||||
await refreshPrice()
|
|
||||||
},
|
|
||||||
[refreshPrice, setPurgatory]
|
|
||||||
)
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!ddo) return
|
|
||||||
initMetadata(ddo)
|
|
||||||
}, [ddo, initMetadata])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<AssetContext.Provider
|
|
||||||
value={
|
|
||||||
{
|
|
||||||
ddo,
|
|
||||||
did,
|
|
||||||
metadata,
|
|
||||||
title,
|
|
||||||
owner,
|
|
||||||
price,
|
|
||||||
error,
|
|
||||||
isInPurgatory,
|
|
||||||
purgatoryData,
|
|
||||||
refreshInterval,
|
|
||||||
refreshDdo,
|
|
||||||
refreshPrice
|
|
||||||
} as AlgorithmProviderValue
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</AssetContext.Provider>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Helper hook to access the provider values
|
|
||||||
const useAlgorithm = (): AlgorithmProviderValue => useContext(AssetContext)
|
|
||||||
|
|
||||||
export { AlgorithmProvider, useAlgorithm, AlgorithmProviderValue, AssetContext }
|
|
||||||
export default AlgorithmProvider
|
|
||||||
Loading…
x
Reference in New Issue
Block a user