git.iko.soy/bridge
on bdd3bc2 help sign in
bridge/src/components/RenderedPoint.js
56 lines 1.5 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 className="clickable"
25 onClick={ () => {
26 setPointCursor(Maybe.Just(point))
27 routeHandler(ROUTE_NAMES.SHIP)
28 }}>
29 { sigil }
30 </div>
31 <div key={ `rendered-name-${point}` }
32 className="clickable"
33 onClick={ () => {
34 setPointCursor(Maybe.Just(point))
35 routeHandler(ROUTE_NAMES.SHIP)
36 }}>
37 <code>{ name }</code>
38 </div>
39 <div key={ `rendered-deets-${point}` }>
40 <Button
41 key={ `rendered-deets-button-${point}` }
42 prop-type={'link'}
43 prop-size={'sm'}
44 onClick={ () => {
45 setPointCursor(Maybe.Just(point))
46 routeHandler(ROUTE_NAMES.SHIP)
47 }}
48 >
49 { 'Details →' }
50 </Button>
51 </div>
52 </Col>
53 )
56export default RenderedPoint