       <Favoritable text={@props.company_name} toggleFavorite={@props.toggleFavorite} favorites={@props.favorites} />
       <Favoritable text={@props.city} toggleFavorite={@props.toggleFavorite} favorites={@props.favorites} />
     </tr>
+
+Sidebar = React.createClass
+  render: ->
+    favorites = @props.favorites.map (text) ->
+      <tr><td>{text}</td></tr>
+
+    <div className="right">
+      <h1>Favorites</h1>
+      <table>
+        {favorites}
+      </table>
+    </div>
 
 JobHeader = React.createClass
   render: ->

                 favorites={@state.favorites} />
    ).bind(@)

    favorites = @state.favorites.map (text) ->
      <tr><td>{text}</td></tr>

    <div>
      <div className="left">

          {jobs}
        </table>
      </div>
      <Sidebar favorites={@state.favorites} />
    </div>
