Ghost/ghost/admin/app/components/gh-nav-menu/main.hbs

<div class="flex flex-column h-100" {{css-transition (unless @firstRender "gh-nav-main")}} data-test-nav-menu="main" ...attributes>
    <header class="gh-nav-menu">
        <div class="gh-nav-menu-details">
            <div class="gh-nav-menu-icon {{this.iconClass}}" style={{this.iconStyle}}></div>
            <div class="gh-nav-menu-details-sitetitle">{{this.config.blogTitle}}</div>
        </div>
        <div class="gh-nav-menu-search">
            <button class="gh-nav-btn-search" {{action "toggleSearchModal"}} title="Search site (Ctrl/⌘ + K)"><span>{{svg-jar "search"}}</span></button>
        </div>
    </header>

    {{#if this.showSearchModal}}
        <GhFullscreenModal @modal="search"
            @close={{action "toggleSearchModal"}}
            @modifier="action wide" />
    {{/if}}

    <section class="gh-nav-body">
        <div class="gh-nav-top">
            <ul class="gh-nav-list gh-nav-main">
                {{#if (gh-user-can-admin this.session.user)}}
                <li class="relative">
                    <LinkTo @route="dashboard" @alt="Dashboard" @title="Dashboard" data-test-nav="dashboard">{{svg-jar "house"}} Dashboard</LinkTo>
                </li>
                {{/if}}
                <li class="relative">
                    <span {{action "transitionToOrRefreshSite" on="click"}}>
                        <LinkTo @route="site" data-test-nav="site" @current-when={{this.isOnSite}} @preventDefault={{false}}>
                            {{svg-jar "view-site"}} View site
                        </LinkTo>
                    </span>
                    <a href="{{this.config.blogUrl}}/" class="gh-secondary-action" title="Open site in new tab" target="_blank">
                        <span>{{svg-jar "external"}}</span>
                    </a>
                </li>
            </ul>
            <ul class="gh-nav-list gh-nav-manage">
                <li class="gh-nav-list-new relative">
                    <GhLinkToCustomViewsIndex @route="posts" @query={{reset-query-params "posts"}} data-test-nav="posts">{{svg-jar "posts"}}Posts</GhLinkToCustomViewsIndex>
                    <LinkTo @route="editor.new" @model="post" @classNames="gh-secondary-action gh-nav-new-post" @alt="New post" @title="New post" data-test-nav="new-story"><span>{{svg-jar "add-stroke"}}</span></LinkTo>
                    {{#if this.customViews.forPosts}}
                        <button type="button" class="gh-nav-button-expand {{if this.navigation.settings.expanded.posts "expanded"}}" {{on "click" (fn this.navigation.toggleExpansion "posts")}} aria-label="{{if this.navigation.settings.expanded.posts "Collapse custom post types" "Expand custom post types"}}">
                            {{svg-jar (if this.navigation.settings.expanded.posts "arrow-down-stroke" "arrow-right-stroke")}}
                        </button>
                        {{#liquid-if this.navigation.settings.expanded.posts}}
                            <ul class="gh-nav-view-list">
                                {{#each this.customViews.forPosts as |view|}}
                                    <li>
                                        <LinkTo @route="posts" @query={{reset-query-params "posts" view.filter}} data-test-nav-custom="{{view.route}}-{{view.name}}" title="{{view.name}}">
                                            <span class="gh-nav-viewname">{{view.name}}</span>
                                            <span class="flex items-center svg-{{view.color}}">
                                                {{#unless view.icon}}
                                                    <span class="absolute circle"></span>
                                                {{/unless}}
                                            </span>
                                        </LinkTo>
                                    </li>
                                {{/each}}
                            </ul>
                        {{/liquid-if}}
                    {{/if}}
                </li>
                <li>
                    {{!-- clicking the Content link whilst on the content screen should reset the filter --}}
                    {{#if (eq this.router.currentRouteName "pages")}}
                        <LinkTo @route="pages" @query={{reset-query-params "pages"}} @classNames="active" data-test-nav="pages">{{svg-jar "page"}}Pages</LinkTo>
                    {{else}}
                        <LinkTo @route="pages" data-test-nav="pages">{{svg-jar "page"}}Pages</LinkTo>
                    {{/if}}
                </li>
                {{#if this.showTagsNavigation}}
                    <li><LinkTo @route="tags" data-test-nav="tags">{{svg-jar "tag"}}Tags</LinkTo></li>
                {{/if}}
                {{#if (gh-user-can-admin this.session.user)}}
                    <li class="relative">
                        {{#if (eq this.router.currentRouteName "members.index")}}
                            <LinkTo @route="members" @current-when="members member" @query={{reset-query-params "members.index"}} data-test-nav="members">{{svg-jar "members"}}Members
                                {{#unless this.memberCountLoading}}
                                    <span class="gh-nav-member-count">{{format-number this.memberCount}}</span>
                                {{/unless}}
                            </LinkTo>
                        {{else}}
                            <LinkTo @route="members" @current-when="members member" data-test-nav="members">{{svg-jar "members"}}Members
                                {{#unless this.memberCountLoading}}
                                    <span class="gh-nav-member-count">{{format-number this.memberCount}}</span>
                                {{/unless}}
                            </LinkTo>
                        {{/if}}
                    </li>

                    {{#if this.isStripeConnected}}
                    <li>
                        <LinkTo @route="offers" @alt="Offers">{{svg-jar "percentage"}}Offers</LinkTo>
                    </li>
                    {{/if}}
                {{/if}}
            </ul>

            {{#if this.session.user.isOwnerOnly}}
            <ul class="gh-nav-list">
                {{#if this.showBilling}}
                    <li class="relative">
                        <a href="javascript:void(0)" class={{if this.billing.billingWindowOpen "active"}} {{action "toggleBillingModal" }} data-test-nav="billing">
                            {{svg-jar "credit-card"}} Ghost(Pro)
                        </a>
                    </li>
                    <li class="relative gh-nav-pro">
                        <GhBillingUpdateButton />
                    </li>
                {{/if}}
            </ul>
            {{/if}}

            {{#if this.showMenuExtension}}
                <ul class="gh-nav-list gh-nav-settings">
                    {{#if this.config.clientExtensions.menu.title}}
                        <li class="gh-nav-list-h">{{this.config.clientExtensions.menu.title}}</li>
                    {{/if}}
                    {{#each this.config.clientExtensions.menu.items as |menuItem| }}
                        <li>
                            <a href="{{menuItem.href}}" target="_blank">{{svg-jar menuItem.icon}}{{menuItem.text}}</a>
                        </li>
                    {{/each}}
                </ul>
            {{/if}}

            {{#if this.showScriptExtension}}
                {{{this.config.clientExtensions.script.container}}}
                <script src="{{this.config.clientExtensions.script.src}}"></script>
            {{/if}}
        </div>

        <GhNavMenu::Footer />

    </section>
</div>