             email_address  = {@props.email_address}
             other_settings = {@props.other_settings}
             />
+
+    render_terms_of_service: (is_anon) ->
+        if not is_anon
+            return
+        <FormGroup style={ fontSize: "12pt", margin: "20px" }>
+            <Checkbox
+              onChange={(e) => this.setState({ terms_checkbox: e.target.checked })}
+            >
+                 <TermsOfService />
+            </Checkbox>
+        </FormGroup>
+
     render: ->
         is_anon = is_anonymous(this.props.email_address, this.props.passports)
         <Panel header={<h2> <Icon name='user' /> Account settings</h2>}>
             {@render_anonymous_warning(is_anon)}
+            {@render_terms_of_service(is_anon)}
             <TextSetting
                 label     = 'First name'
                 value     = {@props.first_name}


{ErrorDisplay, Icon, LabeledRow, Loading, NumberInput, Saving, SelectorInput, Tip, Footer, Space} = require('./r_misc')

{SiteName} = require('./customize')

{ColorPicker} = require('./colorpicker')
{Avatar} = require('./other-users')

    propTypes :
        email_address : rtypes.string
        redux         : rtypes.object
        disabled      : rtypes.bool

    getInitialState: ->
        state      : 'view'   # view --> edit --> saving --> view or edit
