           >
             <input type='hidden' name='_method' value='delete'/>
             <input type='hidden' name='authenticity_token' value={@crsfToken}/>
-            <input type='submit' aria-label="Log Out" value='Log Out' />
+            <input type='submit' aria-label="Log Out" value='Log Out' onClick={@onLogoutClick} />
           </form>
         </BS.MenuItem>
 

        id='navbar-dropdown'
        title={name}
        ref='navDropDown'>
        <BS.MenuItem className='logout' onClick={@onLinkClick}>
          <form
            acceptCharset='UTF-8'
            action={'/accounts/logout'}
            className='-logout-form'

    @crsfToken =
      document.querySelector('meta[name=csrf-token]')?.getAttribute('content')

  onLogoutClick: ->
    @refs.logoutForm.submit()

  render: ->
    name = @props.user?.full_name or
      [@props.user?.first_name, @props.user?.last_name].join(' ')
