spina-conferences-primer_theme 0.1.10 → 0.1.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9944a8a75899d111879d10a63f4bfb35980d75169f3ebb41b410eec6eae3a2b9
-  data.tar.gz: 860e7c50cb148b3f51230f32beb0598065c4cc82a3eb8eabb0e329e4fc08ee73
+  metadata.gz: 053a0eb11e7ced4282502df407443f30da98f6efd1499a9800aa3aeff8ca6b13
+  data.tar.gz: '08d5f2ccb2616cb2d58b153b2bbb00af4e5ee1e7ce45e4c44e04661c72241c8e'
 SHA512:
-  metadata.gz: 677fb690c14b5adea6013fc3b7ba650d3143492b562a132cda9dade57ef0383e5feed5fc568924f3f6defb88c6cd71aa378edfc54ca5e63a4d4c6a69c215300f
-  data.tar.gz: 263a34a87512b24300dab2cfc39459538910fb801709e427a695813626ada9f4e47873e98b1650e739a69dfb70b292037f3cd30d875f4b46c83714533ebb4710
+  metadata.gz: 319dac2e50330a0cdfd3faa9f897341f02eee1651825d45a5f917837c7da88d4b0ef223018fe1a23fab54d55fd02d71a7a8f5acf4f4fa0d2b5d0c3bcfe7cd462
+  data.tar.gz: 35e652f094562c9032877ce59782870fd5211e62cf4b2655f67eac1a4c47873f23480fef0fda1c202b32d693fe0ceb632544d88a6550d3fc253139a037d49d07

data/app/assets/javascripts/spina/conferences/primer_theme/application.js

@@ -1,6 +1,5 @@
 //= require stimulus
 //= require_directory ./controllers
-//= require turbolinks
 
 // eslint-disable-next-line no-undef
 const application = Stimulus.Application.start()

data/app/assets/stylesheets/spina/conferences/primer_theme/_turbolinks.sass

@@ -1,3 +1,3 @@
 //noinspection CssUnusedSymbol
-.turbolinks-progress-bar
+.turbo-progress-bar
   background-color: white

data/app/assets/stylesheets/spina/conferences/primer_theme/application.sass

@@ -8,6 +8,6 @@
 img
   max-width: 100%
   object-fit: cover
-  object-position: top left
+  object-position: center
 address
   font-style: normal

data/app/controllers/spina/conferences/primer_theme/conferences_controller.rb

@@ -5,7 +5,7 @@ module Spina
     module PrimerTheme
       # User-facing controller for conferences, serving both html and ics
       class ConferencesController < ApplicationController
-        before_action :set_conference, :set_tab, :set_presentation_type, :set_breadcrumb, only: :show
+        before_action :set_conference, :set_tab, :set_presentation_type, :set_presentations, :set_breadcrumb, only: :show
         before_action :set_metadata
 
         def index
@@ -34,13 +34,15 @@ module Spina
         end
 
         def set_presentation_type
-          @presentation_type = if params[:presentation_type].present?
-                                 @conference.presentation_types
+          if params[:presentation_type].present?
+            @presentation_type = @conference.presentation_types
                                             .includes(presentations: [session: [:room], presenters: [:institution]])
                                             .find(params[:presentation_type])
-                               else
-                                 @conference
-                               end
+          end
+        end
+
+        def set_presentations
+          @presentations = @presentation_type.present? ? @presentation_type.presentations : @conference.presentations
         end
 
         def set_breadcrumb

data/app/controllers/spina/conferences/primer_theme/presentations_controller.rb

@@ -5,7 +5,7 @@ module Spina
     module PrimerTheme
       # User-facing controller for presentations, serving both html and ics
       class PresentationsController < ApplicationController
-        before_action :set_presentation, :set_conference, :set_breadcrumb, :set_metadata
+        before_action :set_presentation, :set_conference, :set_breadcrumb
 
         def show
           add_breadcrumb @presentation.name
@@ -34,11 +34,6 @@ module Spina
           add_breadcrumb Admin::Conferences::Conference.model_name.human.pluralize, frontend_conferences_path
           add_breadcrumb @conference.name, frontend_conference_path(@conference)
         end
-
-        def set_metadata
-          @title = @presentation.present? ? @presentation.name : Admin::Conferences::Presentation.model_name.human(count: 0)
-          @description = @presentation.present? ? helpers.strip_tags(@presentation.abstract) : ''
-        end
       end
     end
   end

data/app/helpers/spina/conferences/primer_theme/application_helper.rb

@@ -5,43 +5,23 @@ module Spina
     module PrimerTheme
       # Base helper
       module ApplicationHelper
+        include Spina::PagesHelper
+
         def latest_conference
           Spina::Admin::Conferences::Conference.sorted.first
         end
 
-        def breadcrumbs(options = {}, &block)
-          render_breadcrumbs(builder: Breadcrumbs::Builder, **options, &block)
-        end
-
         def ancestors
           return [] if current_page.blank?
 
           render Primer::BreadcrumbComponent.new(mb: 4) do |component|
             current_page.ancestors.each do |ancestor|
-              component.slot(:item, href: ancestor.materialized_path) { ancestor.menu_title }
+              component.item(href: ancestor.materialized_path) { ancestor.menu_title }
             end
-            component.slot(:item, selected: true) { current_page.menu_title }
+            component.item(selected: true) { current_page.menu_title }
           end
         end
 
-        def author
-          current_account.name
-        end
-
-        def description
-          current_page.present? ? current_page.description : @description # rubocop:disable Rails/HelperInstanceVariable
-        end
-
-        def title
-          # noinspection RailsI18nInspection
-          t :'.title', title: current_page.present? ? current_page.title : @title, suffix: current_account.name # rubocop:disable Rails/HelperInstanceVariable
-        end
-
-        def seo_title
-          # noinspection RailsI18nInspection
-          t :'.title', title: current_page.present? ? current_page.seo_title : @title, suffix: current_account.name # rubocop:disable Rails/HelperInstanceVariable
-        end
-
         def partable_for(*part_names, parent: current_page)
           association = case parent
                         when Spina::Page then :page_partable
@@ -50,12 +30,13 @@ module Spina
                         else :partable
                         end
           parts = parent.parts.where(name: part_names)
-          part_parents = parts.collect { |part| part.try(association) }
-          [*parts, *part_parents]
+          partables = parts.collect { |part| part.try(association) }
+          [*parts, *partables]
         end
 
         def calendar(name:, &block)
           # noinspection SpellCheckingInspection
+          block ||= proc { '' }
           Icalendar::Calendar.new.tap { |calendar| calendar.x_wr_calname = name }
                              .then(&:to_ical).then { |calendar| calendar.insert(calendar.index('END:VCALENDAR'), capture(&block)) }
         end

data/app/helpers/spina/conferences/primer_theme/asset_helper.rb

@@ -5,29 +5,27 @@ module Spina
     module PrimerTheme
       # Helper for computing asset sources
       module AssetHelper
-        METHODS_TO_RESIZE = %i[resize_to_limit resize_to_fit resize_to_fill resize_and_pad].freeze
-        DEFAULT_FACTORS = [1, 2, 3, 4].freeze
-
-        def concat_srcset(image, **options)
-          srcset(image, **options).collect { |src_path, size| "#{src_path} #{size}" }
-                                  .join ', '
-        end
-
         def srcset(image, **options)
           return if image.blank?
 
           options = options.symbolize_keys
           variant_options = options.delete(:variant)
+          return if variant_options.blank?
+
           factors = options.delete(:factors) || DEFAULT_FACTORS
           variants_for image, variant_options: variant_options, factors: factors
         end
 
-        def src(image, **options)
-          main_app.url_for(image.variant(**options))
+        def srcset_string(image, **options)
+          srcset(image, **options).collect { |key, value| "#{key} #{value}" }
+                                  .join(', ')
         end
 
         private
 
+        METHODS_TO_RESIZE = %i[resize_to_limit resize_to_fit resize_to_fill resize_and_pad].freeze
+        DEFAULT_FACTORS = [1, 2, 3, 4].freeze
+
         def variants_for(image, variant_options:, factors:)
           factors.inject({}) { |srcset, factor| srcset.update(variant_url(image, variant_options, factor) => "#{factor}x") }
         end
@@ -41,7 +39,7 @@ module Spina
         end
 
         def resize_dimensions_for_key(key, factor, dimensions)
-          dimensions.collect { |dimension| resize_dimension(dimension, factor) } if METHODS_TO_RESIZE.include? key
+          METHODS_TO_RESIZE.include?(key) ? dimensions.collect { |dimension| resize_dimension(dimension, factor) } : dimensions
         end
 
         def resize_dimension(dimension = 0, factor = 0)

data/app/views/conferences_primer_theme/pages/homepage.html.haml

@@ -1,6 +1,5 @@
 - content_for :hero do
-  - cache current_page do
-    - cache partable_for(:gallery) do
-      = render partial: 'homepage_content',
-               layout: has_content?(:gallery) && content(:gallery).images.any? ? 'image_collection' : 'jumbotron',
-               locals: { conference: latest_conference, advance: true, image_collection: content(:gallery) }
+  - cache [current_page, partable_for(:gallery), latest_conference] do
+    = render partial: 'homepage_content',
+             layout: has_content?(:gallery) && content(:gallery).images.any? ? 'image_collection' : 'jumbotron',
+             locals: { conference: latest_conference, advance: true, image_collection: content(:gallery) }

data/app/views/layouts/conferences_primer_theme/application.html.haml

@@ -2,4 +2,6 @@
   - if current_page.ancestors.any?
     = ancestors
 
-= render template: 'layouts/spina/conferences/primer_theme/application'
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: current_page.description,
+                   seo_title: current_page.seo_title, title: current_page.title }

data/app/views/layouts/spina/conferences/primer_theme/application.html.haml

@@ -5,16 +5,17 @@
     %meta{ name: 'author', content: author }
     %meta{ name: 'description', content: description }
     %meta{ name: 'viewport', content: 'initial-scale=1.0' }
-    %meta{ name: 'og:title', content: title }
+    %meta{ name: 'og:title', content: t(:'.title', title: title, suffix: current_account.name) }
     %meta{ name: 'og:description', content: description }
     %meta{ name: 'turbolinks-cache-control', content: 'no-preview' }
     %base{ target: '_blank' }
     = csrf_meta_tags
-    %title= seo_title
+    %title= t(:'.title', title: seo_title, suffix: current_account.name)
     = render 'spina/shared/google_site_verification'
     = render 'spina/shared/analytics'
     = stylesheet_link_tag 'spina/conferences/primer_theme/application', media: 'all', data: { turbolinks_track: true }
     = javascript_include_tag 'spina/conferences/primer_theme/application', data: { turbolinks_track: true }
+    = javascript_include_tag 'turbo', type: 'module'
     %script{ type: 'module', src: asset_path('@github/details-dialog-element/dist/index.js') }
     %script{ type: 'module', src: asset_path('@github/include-fragment-element/dist/index.js') }
     %script{ type: 'module', src: asset_path('@github/tab-container-element/dist/index.js') }

data/app/views/layouts/spina/conferences/primer_theme/conferences.html.haml

@@ -1,4 +1,5 @@
 - content_for :breadcrumbs do
-  = breadcrumbs
+  = render_breadcrumbs(builder: Spina::Conferences::PrimerTheme::Breadcrumbs::Builder)
 
-= render template: 'layouts/spina/conferences/primer_theme/application'
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: @description, title: @title, seo_title: @title }

data/app/views/layouts/spina/conferences/primer_theme/presentations.html.haml

@@ -1,4 +1,6 @@
 - content_for :breadcrumbs do
-  = breadcrumbs
+  = render_breadcrumbs(builder: Spina::Conferences::PrimerTheme::Breadcrumbs::Builder)
 
-= render template: 'layouts/spina/conferences/primer_theme/application'
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: strip_tags(@presentation.abstract), title: @presentation.name,
+                   seo_title: @presentation.name }

data/app/views/spina/admin/layout_partables/texts/_form.html.haml

@@ -0,0 +1,4 @@
+= f.fields_for :layout_partable, f.object.layout_partable do |ff|
+  - object_id = (ff.object.persisted? ? ff.object.object_id : "new_association_#{ff.object.object_id}").to_s + "_content"
+  = ff.hidden_field :content, id: "#{object_id}_input", value: ff.object.content(fallback: false, default: nil)
+  %trix-editor.text-input.trix-content{ input: "#{object_id}_input" }

data/app/views/spina/application/_cookies.html.haml

@@ -1,14 +1,7 @@
 = render Primer::BorderBoxComponent.new(classes: 'Box--overlay') do |component|
-  = component.slot :header do
+  - component.header do
     = button_tag(data: { 'close-dialog': true }, aria: { label: t(:'spina.close') }, type: 'button',
                  class: %w[Box-btn-octicon btn-octicon float-right]) do
       = render Primer::OcticonComponent.new(icon: 'x')
     .Box-title= t(:'.title')
-  = component.slot(:body) { t(:'.purpose') }
-  = component.slot :row do
-    = t :'.used.rails_html', cookie: tag.code(Rails.application.config.session_options[:key])
-  = component.slot :row do
-    - ga_cookie_names = %w[_ga _gat _gid].collect{ |cookie| tag.code(cookie) }.to_sentence.html_safe
-    - ga_cookie_info_url = 'https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage'
-    = t :'.used.google_analytics_html', cookies: link_to(ga_cookie_names, ga_cookie_info_url)
-    = t :'.no_advertising'
+  = component.body { }

data/app/views/spina/application/_current_conference_alert.html.haml

@@ -1,4 +1,4 @@
 - content_for :flash do
   - cache partable_for(:current_conference_alert, parent: current_account) do
     - if current_account.has_content? :current_conference_alert
-      = render(Primer::FlashComponent.new(full: true, variant: :warning)) { current_account.content(:current_conference_alert) }
+      = render(Primer::FlashComponent.new(full: true, variant: :warning)) { current_account.content(:current_conference_alert).html_safe }

data/app/views/spina/application/_footer.html.haml

@@ -1,24 +1,15 @@
-.d-flex.flex-column.flex-md-row-reverse.flex-md-items-baseline
-  .flex-auto.d-flex.flex-column.flex-sm-row.flex-items-baseline.mb-4.mb-md-0
+= render Primer::FlexComponent.new(direction: [:column, nil, :row_reverse, nil], align_items: :center) do
+  = render Primer::FlexComponent.new(direction: [:column, :row, nil, nil], mb: [4, nil, 0, nil], flex: :auto) do
     %ul.list-style-none.flex-auto.mb-2.mb-sm-0.mr-sm-2
       - footer_navigation_items.each do |item|
         - cache item do
           %li
             = render Primer::ButtonComponent.new(tag: :a, href: item.materialized_path, variant: :small) { item.menu_title }
-    %details.details-reset.details-overlay.details-overlay-dark.mb-2.mb-sm-0.mr-sm-2
-      %summary.btn.btn-outline.btn-sm{ aria: { haspopup: 'dialog' } }
-        = octicon 'info'
-        = t :'.cookies'
-      %details-dialog
-        %include-fragment{ src: frontend_cookies_info_path }
-          .Box.Box--overlay.d-flex.flex-column
-            = button_tag(data: { 'close-dialog': true }, aria: { label: t(:'spina.close') }, type: 'button',
-                         class: %w[Box-btn-octicon btn-octicon m-0 position-absolute right-0 top-0]) do
-              = render Primer::OcticonComponent.new(icon: 'x')
-            = render(Primer::SpinnerComponent.new(my: 6, mx: :auto))
+    = render 'footer_content'
     - if current_account.has_content? :github_url
       = render Primer::ButtonComponent.new(tag: :a, href: current_account.content(:github_url), button_type: :outline, variant: :small,
                                            display: :inline_block) do
         = render Primer::OcticonComponent.new(icon: 'mark-github')
         = t :'.find_on_github'
-  %small.flex-auto.mr-sm-2.text-small.text-gray= t :'.copyright', name: Spina::Account.first.name, year: Date.today.year
+  = render(Primer::TextComponent.new(tag: :small, color: :gray, mr: [nil, 2, nil, nil], font_size: 6, flex_grow: 0)) do
+    = t :'.copyright', name: Spina::Account.first.name, year: Date.today.year

data/app/views/spina/application/_footer_content.html.haml

@@ -0,0 +1,13 @@
+= render Primer::DetailsComponent.new(overlay: :dark, reset: true, mb: [2, 0, nil, nil], mr: [nil, 2, nil, nil]) do |component|
+  = component.summary(button: true, button_type: :outline, variant: :small, aria: { haspopup: 'dialog' }) do
+    = render Primer::OcticonComponent.new(icon: 'info')
+    = t :'.cookies'
+  = component.body(tag: :'details-dialog') do
+    %include-fragment{ src: frontend_cookies_info_path, loading: :lazy }
+      = render Primer::BorderBoxComponent.new(classes: 'Box--overlay') do |box_component|
+        = box_component.body do
+          = button_tag(data: { 'close-dialog': true }, aria: { label: t(:'spina.close') }, type: 'button',
+                       class: %w[Box-btn-octicon btn-octicon m-0 position-absolute right-0 top-0]) do
+            = render Primer::OcticonComponent.new(icon: 'x')
+          = render Primer::BlankslateComponent.new(title: t('.loading')) do |blankslate_component|
+            = blankslate_component.spinner(size: :large)

data/app/views/spina/application/_image_collection.html.haml

@@ -5,9 +5,9 @@
     - if image.file.present?
       = image_tag(main_app.url_for(image.file.variant(resize_to_fill: [1680, 600])), alt_description: image.file.name, draggable: false,
                   srcset: srcset(image.file, variant: { resize_to_fill: [1680, 600] }), hidden: index != 0,
-                  data: { 'slideshow-target': 'slide' })
+                  data: { 'slideshow-target': 'slide' }, class: %w[d-block mx-auto])
   .position-absolute.top-0.left-0.right-0.bottom-0.container-lg.p-responsive{ class: ('position-absolute top-0' if local_assigns[:controls]) }
-    - if local_assigns[:controls]
+    - if local_assigns[:controls] && image_collection.images.many?
       .d-none.d-sm-flex.flex-justify-between.flex-items-center.height-full
         = render Primer::ButtonComponent.new(data: { action: :'slideshow#previous' }) do
           = render Primer::OcticonComponent.new(icon: 'arrow-left')

data/app/views/spina/application/_list_item.html.haml

@@ -1 +1 @@
-%li.list-style-none.py-4.border-bottom= yield
+%li.list-style-none.py-4.border-bottom{ id: local_assigns[:list_item_id]&.call(local_assigns) }= yield

data/app/views/spina/application/_navigation_item.html.haml

@@ -5,8 +5,8 @@
         = navigation_item.menu_title
         %span.dropdown-caret
       %details-menu.dropdown-menu.dropdown-menu-se.mt-3{ role: 'menu' }
-        - navigation_item.children.each do |child|
+        - navigation_item.children.in_menu.sorted.each do |child|
           %li= link_to child.menu_title, child.materialized_path, class: 'dropdown-item'
-- elsif navigation_item.has_parent?
+- elsif navigation_item.is_root?
   .Header-item.d-none.d-lg-flex
     = link_to navigation_item.menu_title, navigation_item.materialized_path, class: 'Header-link'

data/app/views/spina/application/_text.html.haml

@@ -1 +1 @@
-.markdown-body= text.html_safe
+= render(Primer::MarkdownComponent.new) { text.html_safe }

data/app/views/spina/conferences/primer_theme/conferences/_conference.html.haml

@@ -1,15 +1,15 @@
-.d-flex.flex-column.flex-md-row-reverse.flex-justify-start.flex-md-justify-between
+= render Primer::FlexComponent.new(direction: [:column, nil, :row_reverse, nil]) do
   %ul.list-style-none.d-flex.flex-wrap.flex-md-justify-end.pl-md-2.pb-2.pb-md-0{ class: dom_class(conference.institutions) }
     = render partial: 'institution', collection: conference.institutions, cached: -> institution { [institution, institution.logo] }
-  .flex-auto
-    %h3.mb-1
-      = link_to conference.name, frontend_conference_path(conference)
+  = render Primer::FlexItemComponent.new(flex_auto: true) do
+    = render(Primer::HeadingComponent.new(tag: :h3, mb: 1)) { link_to conference.name, frontend_conference_path(conference) }
     %ul.text-gray.list-style-none.d-flex.flex-column.flex-sm-row.flex-wrap
       %li.mr-sm-3
-        = octicon 'calendar'
+        = render Primer::OcticonComponent.new(icon: 'calendar')
         = t :'.dates_html', start_date: time_tag(conference.start_date, format: :date), finish_date: time_tag(conference.finish_date)
       - if conference.institutions.any?
         %li
-          = octicon 'location'
-          %address.d-inline= t :'.locations', institutions: conference.institutions.pluck(:name).to_sentence,
-                                  cities: conference.institutions.pluck(:city).uniq.to_sentence
+          = render Primer::OcticonComponent.new(icon: 'location')
+          = render Primer::BaseComponent.new(tag: :address, display: :inline) do
+            = t :'.locations', institutions: conference.institutions.pluck(:name).to_sentence,
+                               cities: conference.institutions.pluck(:city).uniq.to_sentence

data/app/views/spina/conferences/primer_theme/conferences/_event.html.haml

@@ -1,11 +1,11 @@
-.d-flex.flex-column.flex-sm-row
-  .flex-shrink-0.mr-sm-3.mb-3.mb-sm-0.col-sm-4
-    %span.f3-light.mb-1
-      = octicon 'clock', class: 'v-align-baseline'
+= render Primer::FlexComponent.new(direction: [:column, nil, :row, nil]) do
+  = render Primer::FlexItemComponent.new(mr: [nil, nil, 3, nil], mb: [3, nil, 0, nil], col: [nil, nil, 4, nil]) do
+    = render Primer::TextComponent.new(tag: :div, font_size: 3, font_weight: :light, mb: 1) do
+      = render Primer::OcticonComponent.new(icon: 'clock', vertical_align: :baseline)
       = t :'.times_html', start_time: time_tag(event.start_time, format: :short), finish_time: time_tag(event.finish_time, format: :time)
-    .text-gray
-      = octicon 'location'
-      %address.d-inline= event.location
-  .flex-auto
-    %h3.mb-1= event.name
-    .text-gray= event.description.try(:html_safe)
+    = render Primer::TextComponent.new(tag: :div, color: :gray) do
+      = render Primer::OcticonComponent.new(icon: 'location')
+      = render(Primer::BaseComponent.new(tag: :address, display: :inline)) { event.location }
+  = render Primer::FlexItemComponent.new(flex_auto: true, col: [nil, nil, 8, nil]) do
+    = render(Primer::HeadingComponent.new(tag: :h3, mb: 1)) { event.name }
+    = render(Primer::TextComponent.new(tag: :div, color: :gray)) { event.description.try(:html_safe) }

data/app/views/spina/conferences/primer_theme/conferences/_events.html.haml

@@ -1,15 +1,16 @@
 - cache [events, @tab] do
-  - if events.any?
-    %filter-input.d-flex.flex-sm-justify-start{ aria: { owns: 'event_list' } }
-      .subnav.subnav-flush
-        .subnav-search.m-0.width-full
-          = search_field_tag 'search', nil, class: %w[form-control subnav-search-input width-full], aria: { label: t(:'.search') }
-          = octicon 'search', class: 'subnav-search-icon'
-  %div{ id: 'event_list' }
+  = render Primer::BaseComponent.new(tag: :div, my: 4) do
     - if events.any?
-      %ul{ class: dom_class(events), data: { filter: { list: true } } }
-        = render partial: 'event', collection: events.sorted, layout: 'list_item', cached: true
-    - else
-      = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
-    = render Primer::BlankslateComponent.new(title: t(:'.no_matching_events'), icon: 'calendar', hidden: true,
-                                             data: { 'filter-empty-state': true })
+      %filter-input{ aria: { owns: 'event_list' } }
+        .subnav.subnav-flush
+          .subnav-search.float-left.ml-0
+            = search_field_tag 'search', nil, class: %w[form-control subnav-search-input], aria: { label: t(:'.search') }
+            = octicon 'search', class: 'subnav-search-icon'
+    %div{ id: 'event_list' }
+      - if events.any?
+        %ul{ class: dom_class(events), data: { filter: { list: true } } }
+          = render partial: 'event', collection: events.sorted, layout: 'list_item', cached: true
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+      = render Primer::BlankslateComponent.new(title: t(:'.no_matching_events'), icon: 'calendar', hidden: true,
+                                               data: { 'filter-empty-state': true })