git.iko.soy/bridge
on 05c1914 help sign in
bridge/src/components/RenderedPoint.js
46 lines 1.2 kB history raw
1import Maybe from 'folktale/maybe'
2import React from 'react'
3import { Col } from './Base'
4import { Button } from './Base'
5import { pour } from 'sigil-js'
6import * as ob from 'urbit-ob'
8import { ROUTE_NAMES } from '../lib/router'
9import ReactSVGComponents from './ReactSVGComponents'
11const RenderedPoint = (props) => {
12 const { setPointCursor, routeHandler, point } = props
14 const name = ob.patp(point)
15 const sigil = pour({
16 patp: name,
17 renderer: ReactSVGComponents,
18 size: 128
19 })
21 return (
22 <Col className={'col-md-3 mb-8'} key={ `rendered-${point}` }>
23 <div key={ `rendered-sigil-${point}` }>
24 { sigil }
25 </div>
26 <div key={ `rendered-name-${point}` }>
27 <code>{ name }</code>
28 </div>
29 <div key={ `rendered-deets-${point}` }>
30 <Button
31 key={ `rendered-deets-button-${point}` }
32 prop-type={'link'}
33 prop-size={'sm'}
34 onClick={ () => {
35 setPointCursor(Maybe.Just(point))
36 routeHandler(ROUTE_NAMES.SHIP)
37 }}
38 >
39 { 'Details →' }
40 </Button>
41 </div>
42 </Col>
43 )
46export default RenderedPoint