<div class="crayons-dropdown left-2 right-2 s:left-auto p-0 top-bar__menu__dropdown">
  <% if user_signed_in? %>
    <div id="user-profile-link-placeholder" class="border-0 border-b-1 border-solid border-base-20 p-1">
      <a id="first-nav-link" class="crayons-link crayons-link--block">
        <div>
          <span class="fw-medium block">...</span>
          <small class="fs-s color-base-50"></small>
        </div>
      </a>
    </div>

    <div class="border-0 border-b-1 border-solid border-base-20 p-1">
      <a href="<%= dashboard_path %>" class="crayons-link crayons-link--block">Dashboard</a>
      <a href="<%= new_path %>" class="crayons-link crayons-link--block">Write a Post</a>
      <a href="<%= readinglist_path %>" class="crayons-link crayons-link--block">Reading List</a>
      <a href="<%= user_settings_path %>" class="crayons-link crayons-link--block">Settings</a>
      <a href="<%= information_path %>" class="crayons-link crayons-link--block" id="second-last-nav-link">Key Links</a>
    </div>
    <div class="p-1">
      <a href="<%= signout_confirm_path %>" class="crayons-link crayons-link--block" id="last-nav-link">Sign Out</a>
    </div>
  <% else %>
    <div class="border-0 border-b-1 border-solid border-base-20 p-1">
      <a
        href="<%= sign_up_path %>"
        id="first-nav-link"
        class="crayons-link crayons-link--block fw-medium"
        data-no-instant>
        Sign In/Up
      </a>

      <%= render partial: "shared/authentication/providers_nav_menu" %>
    </div>
    <div class="p-1">
      <a href="<%= information_path %>" class="crayons-link crayons-link--block" id="last-nav-link">All about <%= community_name %></a>
    </div>
  <% end %>
</div>
