oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

category link component

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-05-24 11:46:01 +02:00
parent 9c352e740b
commit 65f04b9f62
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/components/atoms/CategoryLink.tsx Normal file
View File

@ -0,0 +1,23 @@
import React from 'react'
import { Link } from 'react-router-dom'
const CategoryLink = ({
category,
children,
className,
...props
}: {
category: string
children?: any
className?: string
}) => (
<Link
to={`/search?categories=${encodeURIComponent(category)}`}
className={className}
{...props}
>
{children || category}
</Link>
)
export default CategoryLink

10
client/src/components/templates/Asset/AssetDetails.tsx
View File

@ -1,8 +1,8 @@
import React, { PureComponent } from 'react'
import { Link } from 'react-router-dom'
import Moment from 'react-moment'
import { DDO, MetaData, File } from '@oceanprotocol/squid'
import Markdown from '../../atoms/Markdown'
import CategoryLink from '../../atoms/CategoryLink'
import styles from './AssetDetails.module.scss'
import AssetFilesDetails from './AssetFilesDetails'
@ -46,13 +46,7 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
</span>
{base.categories && (
<Link
to={`/search?categories=${encodeURIComponent(
base.categories[0]
)}`}
>
{base.categories[0]}
</Link>
<CategoryLink category={base.categories[0]} />
)}
{base.files && datafilesLine(base.files)}

12
client/src/routes/Home.tsx
View File

@ -1,7 +1,8 @@
import React, { ChangeEvent, Component, FormEvent } from 'react'
import { Link } from 'react-router-dom'
import { History } from 'history'
import { User, Market } from '../context'
import CategoryImage from '../components/atoms/CategoryImage'
import CategoryLink from '../components/atoms/CategoryLink'
import Button from '../components/atoms/Button'
import Form from '../components/atoms/Form/Form'
import Input from '../components/atoms/Form/Input'
@ -9,7 +10,6 @@ import Route from '../components/templates/Route'
import styles from './Home.module.scss'
import meta from '../data/meta.json'
import { History } from 'history'
import Content from '../components/atoms/Content'
import AssetsLatest from '../components/organisms/AssetsLatest'
import ChannelTeaser from '../components/organisms/ChannelTeaser'
@ -83,10 +83,8 @@ export default class Home extends Component<HomeProps, HomeState> {
)
.sort((a, b) => a.localeCompare(b)) // sort alphabetically
.map((category: string) => (
<Link
to={`/search?categories=${encodeURIComponent(
category
)}`}
<CategoryLink
category={category}
key={category}
className={styles.category}
>
@ -94,7 +92,7 @@ export default class Home extends Component<HomeProps, HomeState> {
category={category}
/>
<h3>{category}</h3>
</Link>
</CategoryLink>
))
}
</Market.Consumer>