mirror of
https://github.com/oceanprotocol/docs.git
synced 2024-11-26 19:49:26 +01:00
components splitup
This commit is contained in:
parent
c34682abb2
commit
cf8ed79064
@ -1,49 +1,53 @@
|
||||
- name: keeper-contracts
|
||||
description: '💧 Integration of TCRs, CPM and Ocean Tokens in Solidity'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/keeper-contracts
|
||||
- name: Documentation
|
||||
url: https://github.com/oceanprotocol/keeper-contracts/tree/develop/doc
|
||||
- group: Core Components
|
||||
items:
|
||||
- name: keeper-contracts
|
||||
description: '💧 Integration of TCRs, CPM and Ocean Tokens in Solidity'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/keeper-contracts
|
||||
- name: Documentation
|
||||
url: https://github.com/oceanprotocol/keeper-contracts/tree/develop/doc
|
||||
|
||||
- name: aquarius
|
||||
description: '🐋 Ocean Metadata API'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/aquarius
|
||||
- name: aquarius
|
||||
description: '🐋 Ocean Metadata API'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/aquarius
|
||||
|
||||
- name: brizo
|
||||
description: 'Helping publishers to expose their services'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/brizo
|
||||
- name: brizo
|
||||
description: 'Helping publishers to expose their services'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/brizo
|
||||
|
||||
- name: pleuston
|
||||
description: '🦄 Web app for consumers to explore, download, and publish data assets.'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/pleuston
|
||||
- name: pleuston
|
||||
description: '🦄 Web app for consumers to explore, download, and publish data assets.'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/pleuston
|
||||
|
||||
- name: squid-js
|
||||
description: '🦑 JavaScript client library for Ocean Protocol'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/squid-js
|
||||
- group: Libraries
|
||||
items:
|
||||
- name: squid-js
|
||||
description: '🦑 JavaScript client library for Ocean Protocol'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/squid-js
|
||||
|
||||
- name: squid-py
|
||||
description: '🦑 Python client library for Ocean Protocol'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/squid-py
|
||||
- name: squid-py
|
||||
description: '🦑 Python client library for Ocean Protocol'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/squid-py
|
||||
|
||||
- name: squid-java
|
||||
description: '🦑 Java client library for Ocean Protocol'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/squid-java
|
||||
- name: squid-java
|
||||
description: '🦑 Java client library for Ocean Protocol'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/squid-java
|
||||
|
||||
- name: secret-store-client-js
|
||||
description: '🔑JavaScript implementation of the parity secret store for use in ocean.'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/secret-store-client-js
|
||||
- name: secret-store-client-js
|
||||
description: '🔑JavaScript implementation of the parity secret store for use in ocean.'
|
||||
links:
|
||||
- name: GitHub
|
||||
url: https://github.com/oceanprotocol/secret-store-client-js
|
||||
|
@ -24,6 +24,44 @@ Component.propTypes = {
|
||||
links: PropTypes.array.isRequired
|
||||
}
|
||||
|
||||
const ComponentsList = ({ components }) => (
|
||||
<div className={styles.componentsLists}>
|
||||
{components.map(({ node }) => (
|
||||
<div key={node.id} className={styles.componentsList}>
|
||||
<h3 className={styles.componentsTitle}>{node.group}</h3>
|
||||
|
||||
<div className={styles.componentsWrapper}>
|
||||
{node.items.map(item => (
|
||||
<Component
|
||||
key={item.name}
|
||||
name={item.name}
|
||||
description={item.description}
|
||||
links={item.links}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
|
||||
ComponentsList.propTypes = {
|
||||
components: PropTypes.array.isRequired
|
||||
}
|
||||
|
||||
const QuickRun = () => (
|
||||
<div className={styles.quickrun}>
|
||||
<strong>
|
||||
Wanna quickly get an Ocean network running on your machine? Check
|
||||
out{' '}
|
||||
<a href="https://github.com/oceanprotocol/docker-images">
|
||||
🐳 docker-images
|
||||
</a>
|
||||
.
|
||||
</strong>
|
||||
</div>
|
||||
)
|
||||
|
||||
const Components = () => (
|
||||
<StaticQuery
|
||||
query={graphql`
|
||||
@ -31,11 +69,15 @@ const Components = () => (
|
||||
allComponentsYaml {
|
||||
edges {
|
||||
node {
|
||||
name
|
||||
description
|
||||
links {
|
||||
id
|
||||
group
|
||||
items {
|
||||
name
|
||||
url
|
||||
description
|
||||
links {
|
||||
name
|
||||
url
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -47,52 +89,8 @@ const Components = () => (
|
||||
|
||||
return (
|
||||
<div className={styles.components}>
|
||||
<div className={styles.quickrun}>
|
||||
<strong>
|
||||
Wanna quickly get an Ocean network running on your
|
||||
machine? Check out{' '}
|
||||
<a href="https://github.com/oceanprotocol/docker-images">
|
||||
🐳 docker-images
|
||||
</a>
|
||||
.
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<div className={styles.componentsLists}>
|
||||
<div className={styles.componentsList}>
|
||||
<h3 className={styles.componentsTitle}>
|
||||
Core Components
|
||||
</h3>
|
||||
|
||||
<div className={styles.componentsWrapper}>
|
||||
{components.map(({ node }) => (
|
||||
<Component
|
||||
key={node.name}
|
||||
name={node.name}
|
||||
description={node.description}
|
||||
links={node.links}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={styles.componentsList}>
|
||||
<h3 className={styles.componentsTitle}>
|
||||
Libraries
|
||||
</h3>
|
||||
|
||||
<div className={styles.componentsWrapper}>
|
||||
{components.map(({ node }) => (
|
||||
<Component
|
||||
key={node.name}
|
||||
name={node.name}
|
||||
description={node.description}
|
||||
links={node.links}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<QuickRun />
|
||||
<ComponentsList components={components} />
|
||||
</div>
|
||||
)
|
||||
}}
|
||||
|
Loading…
Reference in New Issue
Block a user