       "Invalid URL - must be in https?://format"
 
   render: ->
-    project = @props.project
-    setting = project[@props.field]
     <div>
-      <input type="text" ref="redirectUrl" defaultValue={setting} placeholder="No external redirect." onBlur={this.updateRedirect} />
-      <span>{ @validUrlMessage() }</span>
+      <AutoSave resource={@props.project}>
+        <span className="form-label">Redirect URL:</span>
+        <input type="text" name="redirect" ref="redirectUrl" value={@props.project.redirect} placeholder="External redirect" onBlur={@updateRedirect} onChange={handleInputChange.bind @props.project} />
+        <span>{ @validUrlMessage() }</span>
+      </AutoSave>
     </div>
 
 ProjectStatus = React.createClass

moment = require 'moment'
ChangeListener = require '../../components/change-listener'
ProjectIcon = require '../../components/project-icon'

ProjectToggle = React.createClass
  displayName: "ProjectToggle"


  getDefaultProps: ->
    project: null
    validUrlRegex: /https?:\/\/[\w-]+(\.[\w-]*)+([\w.,@?^=%&amp;:/~+#-]*[\w@?^=%&amp;/~+#-])?/
    invalidUrl: "invalidUrl"

  getInitialState: ->
    error: null

  updateRedirect:  ->
    _redirectUrl = this.refs.redirectUrl.getDOMNode().value
    if _redirectUrl?.match(@props.validUrlRegex)
      handleInputChange.bind @props.project
    else
      @state.error = @props.invalidUrl
    @forceUpdate()
