     @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(' ')

          >
            <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' />
          </form>
        </BS.MenuItem>


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