<ul class="nav nav-pills nav-pills-white rounded-pill p-1 bg-semi-transparent">
  <li class="nav-item">
    <%= link_to t('.all_releases'), project_appearance_releases_path(type_filter: 'all', query: params[:query]), data: {type_filter: 'all'}, remote: true, class: class_string('nav-link rounded-pill py-1 px-3', "active shadow-sm" => params[:type_filter] == 'all' || params[:type_filter].nil?) %>
  </li>
  <li class="nav-item">
    <%= link_to t('.complete_releases'), project_appearance_releases_path(type_filter: 'complete', query: params[:query]), data: {type_filter: 'complete'}, remote: true, class: class_string('nav-link rounded-pill py-1 px-3', "active shadow-sm" => params[:type_filter] == 'complete') %>
  </li>
  <li class="nav-item">
    <%= link_to t('.incomplete_releases'), project_appearance_releases_path(type_filter: 'incomplete', query: params[:query]), data: {type_filter: 'incomplete'}, remote: true, class: class_string('nav-link rounded-pill py-1 px-3', "active shadow-sm" => params[:type_filter] == 'incomplete') %>
  </li>
</ul>
