frontend/marko/components/menu/index.marko

<div class="menu">
  <include(input.renderBody) />
  <if(input.user != null)>
    <menu-gap />
    <menu-header>User</menu-header>
    <menu-link if(!input.user.loggedIn) icon="L" href="/auth/login" on-click("loginClicked")>Login</menu-link>
    <menu-link if(input.user.loggedIn) icon="L" href="/auth/logout" on-click("logoutClicked")>Logout <span class="weak">(${input.user.name})</span></menu-link>
  
    <modal enabled=state.loggingIn notification on-close("closeModal")>
      <h1>Logging you in...</h1>
      <p>You may be redirected to Auth0 if it's been a while.</p>
    </modal>
    <modal enabled=state.loggingOut notification on-close("closeModal")>
      <h1>Logging you out...</h1>
      <p>You can probably log back in without entering your info if you're quick.</p>
    </modal>
  </if>
  <else-if(!input.allowNoUser)>
    <menu-blurb class="error">input.user is missing!</menu-blurb>
  </else-if>
</div>