docuseal/app/views/shared/_templates_order_select.html.erb

<form action="<%= url_for %>" method="get" class="dropdown dropdown-top hidden md:inline">
  <% unless turbo_native_app? %>
    <label tabindex="0" class="btn btn-sm h-10">
      <%= svg_icon('arrow_sort', class: 'w-5 h-5') %>
    </label>
  <% end %>
  <ul tabindex="0" class="dropdown-content z-[10] menu p-2 shadow bg-base-100 rounded-box mb-1 min-w-48">
    <native-action class="contents" data-menu="<%= t('sort_by') %>" data-menu-icon="arrow_sort" data-icon="sort_descending_numbers" data-selected="<%= selected_order == 'created_at' %>">
      <toggle-cookies data-value="created_at" data-key="dashboard_templates_order">
        <li>
          <button class="<%= 'bg-base-200' if selected_order == 'created_at' %>">
            <%= svg_icon('sort_descending_numbers', class: 'w-4 h-4') %>
            <span class="whitespace-nowrap"><%= t('newest_first') %></span>
          </button>
        </li>
      </toggle-cookies>
    </native-action>
    <% if local_assigns[:with_recently_used] != false %>
      <native-action class="contents" data-menu="<%= t('sort_by') %>" data-menu-icon="arrow_sort" data-icon="sort_descending_small_big" data-selected="<%= selected_order == 'used_at' %>">
        <toggle-cookies data-value="used_at" data-key="dashboard_templates_order">
          <li>
            <button class="<%= 'bg-base-200' if selected_order == 'used_at' %>">
              <%= svg_icon('sort_descending_small_big', class: 'w-4 h-4') %>
              <span class="whitespace-nowrap"><%= t('recently_used') %></span>
            </button>
          </li>
        </toggle-cookies>
      </native-action>
    <% end %>
    <native-action class="contents" data-menu="<%= t('sort_by') %>" data-menu-icon="arrow_sort" data-icon="sort_ascending_letters" data-selected="<%= selected_order == 'name' %>">
      <toggle-cookies data-value="name" data-key="dashboard_templates_order">
        <li>
          <button class="<%= 'bg-base-200' if selected_order == 'name' %>">
            <%= svg_icon('sort_ascending_letters', class: 'w-4 h-4') %>
            <span class="whitespace-nowrap"><%= t('name_a_z') %></span>
          </button>
        </li>
      </toggle-cookies>
    </native-action>
  </ul>
</form>