spina-conferences-primer_theme-fork 0.9.1 → 1.0.0.rc2

data/app/assets/config/spina_conferences_primer_theme_manifest.js

@@ -1,9 +1,12 @@
-//= link_directory ../stylesheets/spina/conferences/primer_theme .css
-//= link_directory ../javascripts/spina/conferences/primer_theme .js
-//= link spina_admin_conferences_manifest.js
-//= link spina_admin_journal_manifest.js
+//= link spina/conferences/primer_theme/application.css
+
+//= link_directory ../javascripts/spina/conferences/primer_theme/controllers .js
+//= link spina/conferences/primer_theme/application.js
 
 //= link @github/details-dialog-element/dist/index.js
 //= link @github/include-fragment-element/dist/index.js
 //= link @github/filter-input-element/dist/index.js
 //= link @github/details-menu-element/dist/index.js
+
+//= link spina_admin_conferences_manifest.js
+//= link spina_admin_journal_manifest.js

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

@@ -1,7 +1,6 @@
-//= require stimulus
-//= require_directory ./controllers
-
-// eslint-disable-next-line no-undef
-const application = Stimulus.Application.start()
-// eslint-disable-next-line no-undef
-application.register('slideshow', SlideshowController)
+import '@hotwired/turbo-rails'
+import '@github/details-dialog-element'
+import '@github/include-fragment-element'
+import '@github/filter-input-element'
+import '@github/details-menu-element'
+import 'controllers'

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

@@ -0,0 +1,10 @@
+import { Application } from '@hotwired/stimulus'
+
+const application = Application.start()
+
+// Configure Stimulus
+application.warnings = true
+application.debug = false
+window.Stimulus = application
+
+export { application }

data/app/assets/javascripts/spina/conferences/primer_theme/controllers/index.js

@@ -0,0 +1,5 @@
+import { application } from 'controllers/application'
+
+// Eager load all Stimulus controllers
+import { eagerLoadControllersFrom } from '@hotwired/stimulus-loading'
+eagerLoadControllersFrom('controllers', application)

data/app/assets/javascripts/spina/conferences/primer_theme/controllers/{slideshow_controller.es6 → slideshow_controller.js}

@@ -1,5 +1,6 @@
-// eslint-disable-next-line no-unused-vars,no-undef
-class SlideshowController extends Stimulus.Controller {
+import { Controller } from '@hotwired/stimulus'
+
+export default class SlideshowController extends Controller {
   static get targets() {
     return [
       /**
@@ -35,7 +36,7 @@ class SlideshowController extends Stimulus.Controller {
    * @return {Number} The value for the delay.
    */
   get delay() {
-    return this.data.has('delay') 
+    return this.data.has('delay')
       ? Number.parseInt(this.data.get('delay'))
       : 10000
   }

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

@@ -28,7 +28,7 @@
   font-display: swap
 
 .admin
-  @import "spina/admin_editing"
+  //@import "spina/admin_editing"
   #admin_bar
     font-family: 'Metropolis', sans-serif
 

data/app/controllers/spina/conferences/primer_theme/blog/application_controller.rb

@@ -4,8 +4,10 @@ module Spina
   module Conferences
     module PrimerTheme
       module Blog
+        # Base class from which controllers related to the blog plugin inherit
         class ApplicationController < ::Spina::ApplicationController
           include ::Spina::Frontend
+
           def cookies_info
             render partial: 'cookies'
           end

data/app/controllers/spina/conferences/primer_theme/blog/categories_controller.rb

@@ -6,8 +6,6 @@ module Spina
       module Blog
         # Spina::Blog::CategoriesController
         class CategoriesController < ApplicationController
-          include ::Spina::Frontend
-          
           before_action :page
           before_action :category
           before_action :posts

data/app/controllers/spina/conferences/primer_theme/blog/posts_controller.rb

@@ -6,8 +6,6 @@ module Spina
       module Blog
         # Spina::Blog::PostsController
         class PostsController < ApplicationController
-          include ::Spina::Frontend
-
           before_action :find_posts, only: [:index]
           before_action :current_spina_user_can_view_page?
           before_action :set_breadcrumb, only: :show
@@ -36,9 +34,9 @@ module Spina
 
           def archive
             @posts = Spina::Admin::Conferences::Blog::Post.live
-                                      .where(published_at: start_date..end_date)
-                                      .order(published_at: :desc)
-                                      .page(params[:page])
+                                                          .where(published_at: start_date..end_date)
+                                                          .order(published_at: :desc)
+                                                          .page(params[:page])
 
             render layout: theme_layout
           end
@@ -63,7 +61,7 @@ module Spina
 
           def find_posts
             @posts = Spina::Admin::Conferences::Blog::Post.available.live.order(published_at: :desc)
-                                      .page(params[:page])
+                                                          .page(params[:page])
           end
 
           def try_redirect
@@ -80,7 +78,7 @@ module Spina
           end
 
           def set_metadata
-            @title = @post.seo_title.blank? ? @post.title : @post.seo_title
+            @title = @post.seo_title.presence || @post.title
             @description = @post.description
           end
         end

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

@@ -6,9 +6,26 @@ module Spina
       module Conferences
         # Base class from which controllers inherit
         class ApplicationController < Spina::ApplicationController
+          before_action :journal_accessible?
+
           def cookies_info
             render partial: 'cookies'
           end
+
+          private
+
+          def page
+            @page ||= Spina::Page.find_or_create_by name: 'conferences' do |page|
+              page.title = 'Conferences'
+              page.link_url = '/conferences/conferences'
+              page.deletable = false
+              page.view_template = 'blank'
+            end
+          end
+
+          def journal_accessible?
+            raise ActiveRecord::RecordNotFound unless current_spina_user.present? || page.live?
+          end
         end
       end
     end

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

@@ -6,7 +6,8 @@ module Spina
       module Conferences
         # User-facing controller for conferences, serving both html and ics
         class ConferencesController < ApplicationController
-          before_action :set_conference, :set_tab, :set_presentation_type, :set_presentations, :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
@@ -30,7 +31,7 @@ module Spina
           def set_conference
             @conference = Admin::Conferences::Conference.includes(:events, :institutions,
                                                                   presentation_types: [:translations],
-                                                                  presentations: [session: [:room], presenters: [:institution]])
+                                                                  presentations: [session: [:room], presenters: [:institution]]) # rubocop:disable Layout/LineLength
                                                         .find(params[:id])
             @conference.view_context = view_context
           rescue ActiveRecord::RecordNotFound
@@ -42,28 +43,28 @@ module Spina
           end
 
           def set_presentation_type
-            if params[:presentation_type].present?
-              @presentation_type = @conference.presentation_types
-                                              .includes(presentations: [session: [:room], presenters: [:institution]])
-                                              .find(params[:presentation_type])
-            end
+            return if params[:presentation_type].blank?
+
+            @presentation_type = @conference.presentation_types
+                                            .includes(presentations: [session: [:room], presenters: [:institution]])
+                                            .find(params[:presentation_type])
           end
 
           def set_presentations
             @presentations = if @presentation_type.present?
-                              @presentation_type.presentations.page(params[:page]).per(15)
-                            else
-                              @conference.presentations.page(params[:page]).per(15)
-                            end
+                               @presentation_type.presentations.page(params[:page]).per(15)
+                             else
+                               @conference.presentations.page(params[:page]).per(15)
+                             end
           end
 
           def set_breadcrumb
-            add_breadcrumb 'Blog', frontend_conferences_path
+            add_breadcrumb Admin::Conferences::Conference.model_name.human.pluralize, frontend_conferences_path
           end
 
           def set_metadata
             @title = @conference.present? ? @conference.name : Admin::Conferences::Conference.model_name.human(count: 0)
-            @description = @conference.present? && @conference.has_content?(:text) ? helpers.strip_tags(@conference.content(:text)) : ''
+            @description = @conference.present? && @conference.has_content?(:text) ? helpers.strip_tags(@conference.content(:text)) : '' # rubocop:disable Layout/LineLength
           end
         end
       end

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

@@ -19,7 +19,8 @@ module Spina
           private
 
           def set_presentation
-            @presentation = Admin::Conferences::Presentation.includes(:presenters, attachments: [attachment_type: [:translations]])
+            @presentation = Admin::Conferences::Presentation.includes(:presenters,
+                                                                      attachments: [attachment_type: [:translations]])
                                                             .find(params[:id])
           rescue ActiveRecord::RecordNotFound
             send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404

data/app/controllers/spina/conferences/primer_theme/journal/application_controller.rb

@@ -6,6 +6,22 @@ module Spina
       module Journal
         # Base class from which controllers related to the journal plugin inherit
         class ApplicationController < Spina::ApplicationController
+          before_action :journal_accessible?
+
+          private
+
+          def page
+            @page ||= Spina::Page.find_or_create_by name: 'journal' do |page|
+              page.title = 'Journal'
+              page.link_url = '/journal/issues'
+              page.deletable = false
+              page.view_template = 'blank'
+            end
+          end
+
+          def journal_accessible?
+            raise ActiveRecord::RecordNotFound unless current_spina_user.present? || page.live?
+          end
         end
       end
     end

data/app/controllers/spina/conferences/primer_theme/journal/articles_controller.rb

@@ -6,7 +6,8 @@ module Spina
       module Journal
         # User-facing controller for journal articles
         class ArticlesController < ApplicationController
-          before_action :set_article, :set_issue, :set_journal, :set_licence, :set_breadcrumb, :set_metadata, :require_admin_for_invisible_article
+          before_action :set_volume, :set_issue, :set_article, :set_journal, :set_licence,
+                        :set_breadcrumb, :set_metadata, :require_admin_for_invisible_article
 
           def show
             respond_to do |format|
@@ -24,13 +25,19 @@ module Spina
           private
 
           def set_article
-            @article = Admin::Journal::Article.includes(affiliations: [:institution]).find(params[:id])
+            @article = @issue.articles.includes(affiliations: [:institution]).find_by!(number: params[:number])
           rescue ActiveRecord::RecordNotFound
             send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
           end
 
           def set_issue
-            @issue = Admin::Journal::Issue.includes(:volume, :articles).find(params[:issue_id])
+            @issue = @volume.issues.includes(:volume, :articles).find_by!(number: params[:issue_number])
+          rescue ActiveRecord::RecordNotFound
+            send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
+          end
+
+          def set_volume
+            @volume = Admin::Journal::Volume.includes(:issues).find_by!(number: params[:volume_number])
           rescue ActiveRecord::RecordNotFound
             send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
           end
@@ -46,10 +53,11 @@ module Spina
           def set_breadcrumb
             return if @issue.blank?
 
-            add_breadcrumb @journal.name, frontend_issues_path
-            add_breadcrumb Admin::Journal::Issue.model_name.human.pluralize, frontend_issues_path
-            add_breadcrumb t('spina.conferences.primer_theme.journal.volume_issue', volume_number: @issue.volume.number, issue_number: @issue.number),
-                          frontend_issue_path(@issue.id)
+            add_breadcrumb helpers.journal_abbreviation_or_name(@journal), frontend_issues_path
+            # add_breadcrumb Admin::Journal::Issue.model_name.human.pluralize, frontend_issues_path
+            add_breadcrumb t('spina.conferences.primer_theme.journal.volume_issue', volume_number: @issue.volume.number,
+                                                                                    issue_number: @issue.number),
+                           frontend_volume_issue_path(@issue.volume.number, @issue.number)
           end
 
           def set_metadata

data/app/controllers/spina/conferences/primer_theme/journal/authors_controller.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module Spina
+  module Conferences
+    module PrimerTheme
+      module Journal
+        # User-facing controller for authors
+        class AuthorsController < ApplicationController
+          before_action :set_journal, :set_breadcrumb
+          before_action :set_author, only: :show
+          before_action :set_metadata
+
+          def index
+            @authors = Admin::Journal::Author.all.sort do |a, b|
+              a.primary_affiliation.name <=> b.primary_affiliation.name
+            end
+          end
+
+          def show
+            add_breadcrumb @author.primary_affiliation.name
+          end
+
+          private
+
+          def set_journal
+            @journal = Admin::Journal::Journal.instance
+          end
+
+          def set_author
+            @author = Admin::Journal::Author.includes(:affiliations, :articles).find(params[:id])
+          rescue ActiveRecord::RecordNotFound
+            send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
+          end
+
+          def set_metadata
+            @title = @journal.name
+            @description = ActionView::Base.full_sanitizer.sanitize(@journal.content(:description))
+          end
+
+          def set_breadcrumb
+            add_breadcrumb helpers.journal_abbreviation_or_name(@journal), frontend_issues_path
+            add_breadcrumb Admin::Journal::Author.model_name.human(count: :many), frontend_authors_path
+          end
+        end
+      end
+    end
+  end
+end

data/app/controllers/spina/conferences/primer_theme/journal/issues_controller.rb

@@ -7,7 +7,7 @@ module Spina
         # User-facing controller for journal issues
         class IssuesController < ApplicationController
           before_action :set_journal
-          before_action :set_issue, :set_breadcrumb, only: :show
+          before_action :set_volume, :set_issue, only: :show
           before_action :set_metadata
 
           def index
@@ -22,7 +22,8 @@ module Spina
 
           def show
             @articles = current_spina_user.present? ? @issue.articles : @issue.articles.visible
-            add_breadcrumb t('spina.conferences.primer_theme.journal.volume_issue', volume_number: @issue.volume.number, issue_number: @issue.number)
+            add_breadcrumb t('spina.conferences.primer_theme.journal.volume_issue',
+                             volume_number: @issue.volume.number, issue_number: @issue.number)
           end
 
           private
@@ -32,14 +33,20 @@ module Spina
           end
 
           def set_issue
-            @issue = Admin::Journal::Issue.includes(:volume, :articles).find(params[:id])
+            @issue = @volume.issues.includes(:volume, :articles).find_by!(number: params[:number])
+          rescue ActiveRecord::RecordNotFound
+            send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
+          end
+
+          def set_volume
+            @volume = Admin::Journal::Volume.includes(:issues).find_by!(number: params[:volume_number])
           rescue ActiveRecord::RecordNotFound
             send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
           end
 
           def set_breadcrumb
-            add_breadcrumb @journal.name, frontend_issues_path
-            add_breadcrumb Admin::Journal::Issue.model_name.human.pluralize, frontend_issues_path
+            add_breadcrumb helpers.journal_abbreviation_or_name(@journal), frontend_issues_path
+            # add_breadcrumb Admin::Journal::Issue.model_name.human.pluralize, frontend_issues_path
           end
 
           def set_metadata

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

@@ -9,34 +9,53 @@ module Spina
 
         # Because the upper bound is exclusive a conference is current the day after it ends
         def current_conference
-          Spina::Admin::Conferences::Conference.order(dates: :asc).find_by('upper(dates) >= ?', Date.today)
+          Spina::Admin::Conferences::Conference.order(dates: :asc).find_by('upper(dates) >= ?', Time.zone.today)
         end
 
-        def ancestors
+        def journal_abbreviation_or_name(journal)
+          journal.content(:journal_abbreviation) && journal.content(:journal_abbreviation).empty? ? journal.name : journal.content(:journal_abbreviation) # rubocop:disable Layout/LineLength
+        end
+
+        def ancestors # rubocop:disable Metrics/AbcSize,Metrics/MethodLength
           return [] if current_page.blank?
 
-          render Primer::BreadcrumbComponent.new(mb: 4) do |component|
+          render Primer::Beta::Breadcrumbs.new(mb: 4) do |component|
+            if current_page.resource&.name = 'journal'
+              component.item(href: frontend_issues_path) do
+                journal_abbreviation_or_name(Spina::Admin::Journal::Journal.instance)
+              end
+            end
             current_page.ancestors.each do |ancestor|
               component.item(href: ancestor.materialized_path) { ancestor.menu_title }
             end
-            component.item(selected: true) { current_page.menu_title }
+            component.item(href: current_page.materialized_path) { current_page.menu_title }
           end
         end
 
-        def calendar(name:)
+        def calendar(name:, &block)
           Icalendar::Calendar.new
-                              .tap { |calendar| calendar.x_wr_calname = name }
-                              .tap { |calendar| yield(calendar) }
-                              .tap(&:publish)
-                              .then(&:to_ical)
+                             .tap { |calendar| calendar.x_wr_calname = name }
+                             .tap(&block)
+                             .tap(&:publish)
+                             .then(&:to_ical)
         end
 
         def generate_datetime(date, time)
-          Time.new(date.year,
-                   date.month,
-                   date.day,
-                   time.hour,
-                   time.min)
+          Time.zone.local(date.year,
+                          date.month,
+                          date.day,
+                          time.hour,
+                          time.min)
+        end
+
+        def primer_theme_importmap_tags(entry_point = 'application', shim: true)
+          safe_join [
+            javascript_inline_importmap_tag(Spina::Conferences::PrimerTheme.config.importmap.to_json(resolver: self)),
+            javascript_importmap_module_preload_tags(Spina::Conferences::PrimerTheme.config.importmap),
+            (javascript_importmap_shim_nonce_configuration_tag if shim),
+            (javascript_importmap_shim_tag if shim),
+            javascript_import_module_tag(entry_point)
+          ], "\n"
         end
       end
     end

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

@@ -27,7 +27,9 @@ module Spina
         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") }
+          factors.inject({}) do |srcset, factor|
+            srcset.update(variant_url(image, variant_options, factor) => "#{factor}x")
+          end
         end
 
         def variant_url(image, variant_options, factor)
@@ -39,7 +41,13 @@ module Spina
         end
 
         def resize_dimensions_for_key(key, factor, dimensions)
-          METHODS_TO_RESIZE.include?(key) ? dimensions.collect { |dimension| resize_dimension(dimension, factor) } : dimensions
+          if METHODS_TO_RESIZE.include?(key)
+            dimensions.collect do |dimension|
+              resize_dimension(dimension, factor)
+            end
+          else
+            dimensions
+          end
         end
 
         def resize_dimension(dimension = 0, factor = 0)

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

@@ -13,10 +13,20 @@ module Spina
           @footer_navigation_items ||= live_navigation_items('footer')
         end
 
+        def journal_navigation_items
+          @journal_navigation_items ||= live_resource_navigation_items('journal')
+        end
+
         private
 
         def live_navigation_items(name)
-          ::Spina::NavigationItem.joins(:navigation).where(spina_navigations: { name: name }).roots.regular_pages.in_menu.live.sorted
+          ::Spina::NavigationItem.joins(:navigation)
+                                 .where(spina_navigations: { name: name })
+                                 .roots.regular_pages.in_menu.live.sorted
+        end
+
+        def live_resource_navigation_items(name)
+          ::Spina::Resource.find_by(name: name)&.pages&.roots&.in_menu&.live&.sorted || []
         end
       end
     end

data/app/models/spina/parts/conferences/primer_theme/checkbox.rb

@@ -1,11 +1,15 @@
+# frozen_string_literal: true
+
 module Spina
   module Parts
     module Conferences
       module PrimerTheme
+        # A simplistic checkbox part, e.g. to indicate whether an item should
+        # show or not.
         class Checkbox < Spina::Parts::Base
           # Booleans don't work nicely with Spina page parts, so we have this mess
-          CHECKED_VALUE = "1"
-          UNCHECKED_VALUE = "0"
+          CHECKED_VALUE = '1'
+          UNCHECKED_VALUE = '0'
 
           attr_json :content, :string, default: UNCHECKED_VALUE
         end

data/app/models/spina/parts/conferences/primer_theme.rb

@@ -1,7 +1,13 @@
+# frozen_string_literal: true
+
 module Spina
-  module Parts::Conferences::PrimerTheme
-    def self.table_name_prefix
-      'spina_parts_conferences_primer_theme_'
+  module Parts
+    module Conferences
+      module PrimerTheme # rubocop:disable Style/Documentation
+        def self.table_name_prefix
+          'spina_parts_conferences_primer_theme_'
+        end
+      end
     end
   end
 end

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

@@ -1,20 +1,20 @@
 - cache current_page do
-  = render(Primer::HeadingComponent.new) { current_page.title }
+  = render(Primer::HeadingComponent.new(tag: :h1)) { current_page.title }
 
   - if content(:text).present?
-    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+    = render(Primer::Markdown.new(mt: 4)) { content.html(:text).to_s }
   - if content(:contact).present?
     = render Primer::SubheadComponent.new(mt: 4) do |component|
       = component.heading { t :'.contact.title' }
-    = render(Primer::MarkdownComponent.new) { content.html(:contact) }
+    = render(Primer::Markdown.new) { content.html(:contact).to_s }
 
   .clearfix.gutter
     = render Primer::BoxComponent.new(mt: 4, col: [12, nil, 6, nil], float: [nil, nil, :left, nil]) do
       = render Primer::SubheadComponent.new do |component|
         = component.heading { t :'.constitution.title' }
       - if content(:constitution).present?
-        = render Primer::FlexComponent.new(align_items: :center, py: 1) do
-          = render Primer::FlexItemComponent.new(flex_auto: true, pr: 1) do
+        = render Primer::BoxComponent.new(display: :flex, align_items: :center, py: 1) do
+          = render Primer::BoxComponent.new(flex: :auto, pr: 1) do
             = t :'.constitution.uploaded',
                 date: l(Spina::Attachment.find(content(:constitution).attachment_id).created_at.to_date, format: :long)
           = render Primer::ButtonComponent.new(tag: :a, href: content.attachment_url(:constitution), ml: 2, download: '') do
@@ -30,7 +30,7 @@
         %ul
           - repeater :minutes do |minutes_entry|
             %li.list-style-none.py-1.d-flex.flex-items-center
-              = render Primer::FlexItemComponent.new(flex_auto: true) do
+              = render Primer::BoxComponent.new(flex: :auto) do
                 - if minutes_entry.content(:date).present?
                   = t(:'.minutes.minutes_for_html', date: time_tag(minutes_entry.content(:date)))
                 - else
@@ -41,7 +41,7 @@
                   = render Primer::OcticonComponent.new('desktop-download')
                   = t(:'.minutes.download')
               - else
-                = render(Primer::TextComponent.new(color: :text_secondary, font_size: 6)) { t :'.minutes.no_file' }
+                = render(Primer::Beta::Text.new(color: :muted, font_size: 6)) { t :'.minutes.no_file' }
       - else
         = render Primer::BlankslateComponent.new(title: t(:'.minutes.no_minutes'), icon: 'file')
 
@@ -52,13 +52,13 @@
         %ul
           - repeater :documents do |document|
             %li.list-style-none.py-1.d-flex.flex-items-center
-              = render(Primer::TextComponent.new(tag: :div, flex: :auto)) { document.content(:name).presence ||  t(:'.documents.no_name') }
+              = render(Primer::Beta::Text.new(tag: :div, flex: :auto)) { document.content(:name).presence ||  t(:'.documents.no_name') }
               - if document.content(:attachment).present?
                 = render Primer::ButtonComponent.new(tag: :a, ml: 2, href: document.content.attachment_url(:attachment), download: '') do
                   = render Primer::OcticonComponent.new('desktop-download')
                   = t :'.documents.download'
               - else
-                = render(Primer::TextComponent.new(tag: :div, font_size: 6, color: :text_secondary)) { t :'.documents.no_file' }
+                = render(Primer::Beta::Text.new(tag: :div, font_size: 6, color: :muted)) { t :'.documents.no_file' }
 
   = render Primer::SubheadComponent.new(mt: 4) do |component|
     = component.heading { t :'.partner_societies.title' }
@@ -66,13 +66,13 @@
     %ul
       - repeater :partner_societies do |partner_society|
         %li.list-style-none.py-4.border-bottom
-          = render Primer::FlexComponent.new(direction: [:column, nil, :row_reverse, nil], align_items: :start) do
+          = render Primer::BoxComponent.new(display: :flex, direction: [:column, nil, :row_reverse, nil], align_items: :flex_start) do
             = render Primer::BaseComponent.new(tag: :div, flex: :auto) do
               = render Primer::HeadingComponent.new(tag: :h3, mb: 1) do
-                = render Primer::FlexComponent.new(flex_wrap: true, justify_content: :space_between) do
+                = render Primer::BoxComponent.new(display: :flex, flex_wrap: :wrap, justify_content: :space_between) do
                   - if partner_society.content(:name).present?
-                    = render(Primer::TextComponent.new(tag: :div)) { partner_society.content(:name) }
-                  = render Primer::ButtonGroupComponent.new(aria: { label: t(:'.partner_societies.contact_buttons') }) do |component|
+                    = render(Primer::Beta::Text.new(tag: :div)) { partner_society.content(:name) }
+                  = render Primer::ButtonGroup.new(aria: { label: t(:'.partner_societies.contact_buttons') }) do |component|
                     - if partner_society.content(:website).present?
                       = component.button(tag: :a, href: partner_society.content(:website)) do
                         = render Primer::OcticonComponent.new('browser')
@@ -82,7 +82,7 @@
                         = render Primer::OcticonComponent.new('mail')
                         = t(:'.partner_societies.email')
               - if partner_society.content(:description).present?
-                = render Primer::MarkdownComponent.new(color: :text_secondary) do
+                = render Primer::Markdown.new(color: :muted) do
                   = partner_society.content(:description).try(:html_safe)
             - if partner_society.content(:logo).present?
               = partner_society.content.image_tag(:logo, { resize_to_limit: [200, 150] }, size: nil, draggable: false,