{{#if this.currentUser.redesigned_user_page_nav_enabled}}
  <DSection @pageClass="user-activity" />

  <div class="user-navigation user-navigation-secondary">
    <HorizontalOverflowNav @ariaLabel="User secondary - activity">
      <UserNav::ActivityNav
        @user={{this.user}}
        @viewingSelf={{this.viewingSelf}}
        @model={{this.model}}
        @siteSettings={{this.siteSettings}}
        @draftLabel={{this.draftLabel}}
        @pendingLabel={{this.pendingLabel}}
        @ariaCurrentContext="subNav"
      />
    </HorizontalOverflowNav>
  </div>

{{else}}
  <DSection
    @pageClass="user-activity"
    @class="user-secondary-navigation"
    @scrollTop={{false}}
  >
    <nav role="navigation">
      <MobileNav
        @class="activity-nav"
        @desktopClass="action-list activity-list nav-stacked"
      >
        <DNavigationItem @route="userActivity.index">{{i18n
            "user.filters.all"
          }}</DNavigationItem>
        <DNavigationItem @route="userActivity.topics">{{i18n
            "user_action_groups.4"
          }}</DNavigationItem>
        <DNavigationItem @route="userActivity.replies">{{i18n
            "user_action_groups.5"
          }}</DNavigationItem>

        {{#if this.user.showRead}}
          <DNavigationItem
            @route="userActivity.read"
            @title={{i18n "user.read_help"}}
          >
            {{i18n "user.read"}}
          </DNavigationItem>
        {{/if}}

        {{#if this.user.showDrafts}}
          <DNavigationItem @route="userActivity.drafts">
            {{this.draftLabel}}
          </DNavigationItem>
        {{/if}}

        {{#if (gt this.model.pending_posts_count 0)}}
          <DNavigationItem @route="userActivity.pending">
            {{this.pendingLabel}}
          </DNavigationItem>
        {{/if}}

        <DNavigationItem @route="userActivity.likesGiven">{{i18n
            "user_action_groups.1"
          }}</DNavigationItem>

        {{#if this.user.showBookmarks}}
          <DNavigationItem @route="userActivity.bookmarks">{{i18n
              "user_action_groups.3"
            }}</DNavigationItem>
        {{/if}}

        <span>
          <PluginOutlet
            @name="user-activity-bottom"
            @connectorTagName="li"
            @outletArgs={{hash model=this.model}}
          />
        </span>
      </MobileNav>
    </nav>
  </DSection>

  {{#if this.canDownloadPosts}}
    <section class="user-additional-controls">
      <DButton
        @action={{action "exportUserArchive"}}
        @class="btn-default"
        @label="user.download_archive.button_text"
        @icon="download"
      />
    </section>
  {{/if}}
{{/if}}

<section class="user-content" id="user-content">
  {{outlet}}
</section>