           {jobs}
         </table>
       </div>
-      <div className="right">
-        <h1>Favorites</h1>
-        <table>
-          {favorites}
-        </table>
-      </div>
+      <Sidebar favorites={@state.favorites} />
     </div>

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

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

    <div>
      <div className="left">

      <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: ->
