01a581c · bridge · git.iko.soy

- Make sigil and ship name clickable in “Your Points” section

commit01a581cbdd41d8f5b800d935d3dbb307b4bf2ee0 authorChris Johnson <chris@cjohnson.io> dateFri 22 Mar 2019, 15:48 (8 years ago) parent9b396e2

2 files changed+16−2

unifiedsplit

src/components/RenderedPoint.js+12−2

@@ -20,10 +20,20 @@ const RenderedPoint = (props) => {

2020

2121 return (

2222 <Col className={'col-md-3 mb-8'} key={ `rendered-${point}` }>

23− <div key={ `rendered-sigil-${point}` }>

23+ <div key={ `rendered-sigil-${point}` }

24+ className="clickable"

25+ onClick={ () => {

26+ setPointCursor(Maybe.Just(point))

27+ routeHandler(ROUTE_NAMES.SHIP)

28+ }}>

2429 { sigil }

2530 </div>

26− <div key={ `rendered-name-${point}` }>

31+ <div key={ `rendered-name-${point}` }

32+ className="clickable"

33+ onClick={ () => {

34+ setPointCursor(Maybe.Just(point))

35+ routeHandler(ROUTE_NAMES.SHIP)

36+ }}>

2737 <code>{ name }</code>

2838 </div>

2939 <div key={ `rendered-deets-${point}` }>

src/style/extend.css+4

@@ -459,3 +459,7 @@ code {

459459.align-center {

460460 align-items: center;

461461}

462+

463+.clickable {

464+ cursor: pointer;

465+}