                 <Icon name='stop' /> Stop Project...
             </Button>
         </ButtonToolbar>
-
-    show_host: ->
-        host = @props.project.get('host')?.get('host')
-        if host
-            <LabeledRow key='host' label='Host'>
-                <pre>{host}.sagemath.com</pre>
-            </LabeledRow>
 
     render_idle_timeout_row: ->
         if @props.project.getIn(['state', 'state']) != 'running'

                cb()
        ])

    ssh_notice: ->
        project_id = @props.project.get('project_id')
        host = @props.project.get('host')?.get('host')
        if host?
            if @state.show_ssh
                <div>
                    SSH into your project: <span style={color:'#666'}>First add your public key to <a onClick={@open_authorized_keys} href=''>~/.ssh/authorized_keys</a>, then use the following username@host:</span>
                    {### WARNING: previous use of <FormControl> here completely breaks copy on Firefox. ###}
                    <pre>{"#{misc.replace_all(project_id, '-', '')}@#{host}.cocalc.com"} </pre>
                    <a href="https://github.com/sagemathinc/cocalc/wiki/AllAboutProjects#create-ssh-key" target="_blank">
                    <Icon name='life-ring'/> How to create SSH keys</a>
                </div>
            else
                <Row>
                    <Col sm={12}>
                        <Button bsStyle='info' onClick={=>@setState(show_ssh : true)} style={float:'right'}>
                            <Icon name='terminal' /> SSH Into Your Project...
                        </Button>
                    </Col>
                </Row>

    render_state: ->
        <span style={fontSize : '12pt', color: '#666'}>

            <LabeledRow key='project_id' label='Project id'>
                <pre>{@props.project.get('project_id')}</pre>
            </LabeledRow>
            {<hr /> if @props.kucalc != 'yes'}
            {@render_select_compute_image_row()}
        </ProjectSettingsPanel>

exports.CollaboratorsList = CollaboratorsList = rclass
