 class app.react.pages.Songs
 
   ###*
+    @param {app.Actions} actions
     @param {app.Routes} routes
     @param {app.react.Link} link
     @param {app.react.Songs} songs
     @param {app.songs.Store} songsStore
     @constructor
   ###
-  constructor: (routes, link, songs, songsStore) ->
+  constructor: (actions, routes, link, songs, songsStore) ->
     {div,input,p} = React.DOM
-    searchQuery = ''
+    query = ''
 
     @component = React.createFactory React.createClass
 

              className: 'form-control'
              onChange: @onSearchChange
              placeholder: Songs.MSG_SEARCH_FIELD_PLACEHOLDER
              value: searchQuery
          songs.component songs: songsStore.foundSongs
          p {},
            link.to routes.recentlyUpdatedSongs, Songs.MSG_RECENTLY_UPDATED_SONGS

        @delay = new goog.async.Delay @onDelayAction, 300

      onDelayAction: ->
        actions.searchSong query

      componentWillUnmount: ->
        @delay.dispose()

      onSearchChange: (e) ->
        query = e.target.value.slice 0, Songs.SEARCH_QUERY_MAX_LENGTH
        @forceUpdate()
        @delay.start()

