     <div className='HomeApp-ApiToken'>
 
       <Toggle checked={toggleState} className='HomeApp-ApiToken--swicth-toggle' callback={@bound 'switchToggle'} />
-      <Header callback={@bound 'addNewApiToken'}/>
+      <Header />
       <div className='HomeApp-ApiToken--label'>Active API Token List</div>
       <List
         numberOfSections={@bound 'numberOfSections'}

    <div className='HomeApp-ApiToken--no-token'> No tokens have been created yet. When you create, they will be listed here.</div>


  addNewApiToken: ->

    remote.api.JApiToken.create (err, apiToken) ->
      return showError err  if err
      TeamFlux.actions.addApiToken apiToken


  switchToggle: (state) ->

    TeamFlux.actions.disableApiTokens(state)
    .catch ({err}) ->
      showError err

  render: ->

    toggleState = @props.apiAccessState

          <AddNewApiTokenButton toggleState={toggleState} callback={@bound 'addNewApiToken'}/>
        </div>
      </div>
    </div>

Header = ->

  label = 'Enable API Access'
  description = 'Allow 3rd party services to securely communicate with Koding.'
