 
     <div className='route' style={style}>
       <div style={marginTop: 20, width: 100}>{@props.name}</div>
+      <PlaneList planes={planes_at(@props.name)} />
     </div>
 
 PlaneList = React.createClass
   render: ->
-    planes = (<li key={plane.name}>{plane.name}</li> for plane in @props.planes)
+    plane_components = (<li key={plane.name}>{plane.name}</li> for plane in @props.planes)
 
-    <ul style={width: 200}>{planes}</ul>
+    <ul style={width: 200}>{plane_components}</ul>

  name: 'Blue'
  color: blue
  planes: [
    {name: 'Plane1', flights: 0, location: 'DUB'},
    {name: 'Plane2', flights: 0, location: 'DUB'},
    {name: 'Plane3', flights: 0, location: 'DUB'}
  ]

player2 =
  color: pink
  name: 'Pink'
  planes: [
    {name: 'Plane4', flights: 0, location: 'NYC'},
    {name: 'Plane5', flights: 0, location: 'NYC'},
    {name: 'Plane6', flights: 0, location: 'NYC'}
  ]

nobody =
  color: grey
  name: 'Nobody'
  planes: []

# Duplicating name/key as you need unique keys, but can't do @props.key for name...
airports = [


    <div className='airport' style={style}>
      <div style={marginTop: 20, width: 100}>{@props.name} - {@props.owner.name}</div>
      <PlaneList planes={planes_at(@props.name)} />
    </div>

Route = React.createClass
