1
0
mirror of https://github.com/fazo96/ipfs-boards synced 2025-03-15 22:18:37 +01:00
ipfs-boards/src/components/BoardsItem.js
2018-02-09 00:08:52 +01:00

36 lines
1.3 KiB
JavaScript

import React from 'react'
import { List, Button, Card } from 'semantic-ui-react'
import { Link } from 'react-router-dom'
import { shortenAddress } from '../utils/orbitdb'
export default function BoardsItem({ address, title, name }) {
return <Card fluid>
<Card.Content>
<Card.Header>
{ title || 'Unnamed board' }
</Card.Header>
<Card.Meta>Board</Card.Meta>
</Card.Content>
<Card.Content>
<List>
<List.Item>
<List.Icon name="hashtag" verticalAlign="middle"/>
<List.Content>
<List.Header>Name</List.Header>
<List.Content>{name}</List.Content>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="chain" verticalAlign="middle"/>
<List.Content>
<List.Header>Address</List.Header>
<List.Content>{address}</List.Content>
</List.Content>
</List.Item>
</List>
</Card.Content>
<Card.Content extra>
<Button as={Link} to={shortenAddress(address)} basic fluid>View</Button>
</Card.Content>
</Card>
}