             authorized: false
             folders: []
             folderPath: null
+            processing: false
           }
         readFolder: (path) ->
           @state.client.readdir path, null, (error, files, stat, stats) =>

          @setState { client: client, authorized: true }, ->
            @readFolder('/')
        setFolderSelection: (path) ->
        render: ->
          if @state.authorized
            <DropboxFolderSelector client={@state.client} folders={@state.folders} folderPath={@state.folderPath}
              setFolderPath={@readFolder} setFolderSelection={@setFolderSelection} />
          else
            <DropboxButton setClient={@setClient} />


        getInitialState: ->
          {
            selected: null
            new_folder: "something"
          }

        click: (folder) ->
          =>
            @props.setFolderSelection(folder)

        newFolder: ->
          @props.newFolder(@state.new_folder)

        onNewFolderChange: (event) ->
          @setState { new_folder: event.target.value }

        render: ->
          folders = @props.folders.map (folder) => <li onClick={@click(folder)} className="list-group-item">{folder}</li>

          <div>
            <div>
              <form>
                <div className="form-group">
                  <label>Create a new folder in your Dropbox account to sync to your project</label>
                  <input onChange={@onNewFolderChange} className="form-control" type="text" name="new-folder" value={@state.new_folder} />
                </div>
                <button type="button" className="btn btn-default" onClick={@newFolder}>Create</button>
             </form>
            </div>
            <hr />
            <div>
             <p>Or, please select a folder from <tt>{@props.folderPath}</tt></p>
             <ul className="list-group">
               {folders}
             </ul>
            </div>
          </div>

      DropboxButton = React.createClass
