01a581c · bridge · git.iko.soy

on master help sign in

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

01a581cChris Johnson8 years ago

src/components/RenderedPoint.js+12−2

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

21 return (

22 <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+ }}>

24 { sigil }

29 { sigil }

25 </div>

30 </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+ }}>

27 <code>{ name }</code>

37 <code>{ name }</code>

28 </div>

38 </div>

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

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

src/style/extend.css+4

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

459.align-center {

460 align-items: center;

461}

462+

463+.clickable {

464+ cursor: pointer;

465+}