Rename PageComponent to SectionComponent

yshmarov · yshmarov · commit f25c53182398 · 2026-02-01T23:03:30.000+01:00
Rename the ViewComponent class for better semantic clarity about its
purpose as a reusable section container rather than a full page.
diff --git a/app/components/section_component.html.erb b/app/components/section_component.html.erb
diff --git a/app/components/section_component.rb b/app/components/section_component.rb
@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-class PageComponent < ViewComponent::Base
+class SectionComponent < ViewComponent::Base
   renders_one :action_list
   renders_one :title_content
 
diff --git a/app/views/devise/confirmations/new.html.erb b/app/views/devise/confirmations/new.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t("devise.views.confirmations.new.title"), full_width: false) do %>
+<%= render SectionComponent.new(title: t("devise.views.confirmations.new.title"), full_width: false) do %>
   <%= render "devise/shared/oauth_links" %>
 
   <div class="divider"><%= t("devise.views.shared.links.oauth_separator") %></div>
diff --git a/app/views/devise/passwords/edit.html.erb b/app/views/devise/passwords/edit.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t("devise.views.passwords.edit.title"), full_width: false) do %>
+<%= render SectionComponent.new(title: t("devise.views.passwords.edit.title"), full_width: false) do %>
   <%= simple_form_for resource, as: resource_name, url: password_path(resource_name), method: :put, html: { class: "space-y-4" } do |f| %>
     <%= render "shared/errors", object: resource %>
     <%= f.hidden_field :reset_password_token %>
diff --git a/app/views/devise/passwords/new.html.erb b/app/views/devise/passwords/new.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t("devise.views.passwords.new.title"), full_width: false) do %>
+<%= render SectionComponent.new(title: t("devise.views.passwords.new.title"), full_width: false) do %>
   <%= simple_form_for resource, as: resource_name, url: password_path(resource_name), method: :post, html: { class: "space-y-4" } do |f| %>
     <%= render "shared/errors", object: resource %>
 
diff --git a/app/views/devise/registrations/edit.html.erb b/app/views/devise/registrations/edit.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t("devise.views.registrations.edit.title", email: resource.email), full_width: false) do %>
+<%= render SectionComponent.new(title: t("devise.views.registrations.edit.title", email: resource.email), full_width: false) do %>
   <%= simple_form_for resource, as: resource_name, url: registration_path(resource_name), method: :put, html: { class: "space-y-4" } do |f| %>
     <%= render "shared/errors", object: resource %>
 
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
@@ -1,5 +1,5 @@
 <%= modal do %>
-  <%= render PageComponent.new(title: t("devise.views.registrations.new.title"), full_width: false) do %>
+  <%= render SectionComponent.new(title: t("devise.views.registrations.new.title"), full_width: false) do %>
     <%= render "devise/shared/oauth_links" %>
 
     <div class="divider"><%= t("devise.views.shared.links.oauth_separator") %></div>
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
@@ -1,5 +1,5 @@
 <%= modal do %>
-  <%= render PageComponent.new(title: t("devise.views.sessions.new.title"), full_width: false) do %>
+  <%= render SectionComponent.new(title: t("devise.views.sessions.new.title"), full_width: false) do %>
     <%= render "devise/shared/oauth_links" %>
 
     <div class="divider"><%= t("devise.views.shared.links.oauth_separator") %></div>
diff --git a/app/views/devise/unlocks/new.html.erb b/app/views/devise/unlocks/new.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t("devise.views.unlocks.new.title"), full_width: false) do %>
+<%= render SectionComponent.new(title: t("devise.views.unlocks.new.title"), full_width: false) do %>
   <%= render "devise/shared/oauth_links" %>
 
   <div class="divider"><%= t("devise.views.shared.links.oauth_separator") %></div>
diff --git a/app/views/organizations/_tabs.html.erb b/app/views/organizations/_tabs.html.erb
@@ -23,7 +23,7 @@
      }
    ] %>
 
-<%= render PageComponent.new(title: t("shared.navigation.organizations")) do |component| %>
+<%= render SectionComponent.new(title: t("shared.navigation.organizations")) do |component| %>
   <% component.with_action_list do %>
     <%= link_to t("shared.actions.create"), new_organization_path, data: { turbo_frame: :modal }, class: "btn btn-primary" %>
   <% end %>
diff --git a/app/views/organizations/dashboard/index.html.erb b/app/views/organizations/dashboard/index.html.erb
@@ -1,4 +1,4 @@
 <% content_for :title, t("organizations.dashboard.index.title") %>
 
-<%= render PageComponent.new(title: t("organizations.dashboard.index.title")) do |component| %>
+<%= render SectionComponent.new(title: t("organizations.dashboard.index.title")) do |component| %>
 <% end %>
diff --git a/app/views/organizations/edit.html.erb b/app/views/organizations/edit.html.erb
@@ -1,10 +1,10 @@
 <% content_for :title, t("organizations.edit.title") %>
 
-<%= render PageComponent.new(title: t("organizations.edit.title"), full_width: false) do |component| %>
+<%= render SectionComponent.new(title: t("organizations.edit.title"), full_width: false) do |component| %>
   <%= render "form", organization: @organization %>
 <% end %>
 
-<%= render PageComponent.new(full_width: false) do %>
+<%= render SectionComponent.new(full_width: false) do %>
   <div class="divider"></div>
 
   <div class="flex items-center gap-2">
diff --git a/app/views/organizations/index.html.erb b/app/views/organizations/index.html.erb
@@ -2,6 +2,6 @@
 
 <%= render "organizations/tabs", active_tab: :my_organizations %>
 
-<%= render PageComponent.new do |component| %>
+<%= render SectionComponent.new do |component| %>
   <%= render "organizations/table", organizations: @organizations %>
 <% end %>
diff --git a/app/views/organizations/memberships/_tabs.html.erb b/app/views/organizations/memberships/_tabs.html.erb
@@ -21,7 +21,7 @@
      }
    ] %>
 
-<%= render PageComponent.new(title: t("organizations.memberships.index.title")) do |component| %>
+<%= render SectionComponent.new(title: t("organizations.memberships.index.title")) do |component| %>
   <% component.with_action_list do %>
     <%= link_to t("organizations.memberships.new.title"), new_organization_sent_invitation_path(@organization), data: { turbo_frame: :modal }, class: "btn btn-primary" if policy(@organization.memberships.new).new? %>
   <% end %>
diff --git a/app/views/organizations/memberships/edit.html.erb b/app/views/organizations/memberships/edit.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, "Edit #{@membership.user.email} roles" %>
 
 <%= modal do %>
-  <%= render PageComponent.new(title: "Edit #{@membership.user.email} roles") do |component| %>
+  <%= render SectionComponent.new(title: "Edit #{@membership.user.email} roles") do |component| %>
     <%= simple_form_for [@organization, @membership], html: { class: "contents" } do |f| %>
       <%= render "shared/errors", object: f.object %>
 
diff --git a/app/views/organizations/memberships/index.html.erb b/app/views/organizations/memberships/index.html.erb
@@ -2,7 +2,7 @@
 
 <%= render "organizations/memberships/tabs", active_tab: :memberships %>
 
-<%= render PageComponent.new do %>
+<%= render SectionComponent.new do %>
   <% if @memberships.any? %>
     <div class="table-responsive">
       <table>
diff --git a/app/views/organizations/new.html.erb b/app/views/organizations/new.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, t("organizations.new.title") %>
 
 <%= modal do %>
-  <%= render PageComponent.new(title: t("organizations.new.title")) do |component| %>
+  <%= render SectionComponent.new(title: t("organizations.new.title")) do |component| %>
     <%= render "form", organization: @organization %>
   <% end %>
 <% end %>
diff --git a/app/views/organizations/projects/edit.html.erb b/app/views/organizations/projects/edit.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, "Editing project" %>
 
 <%= modal do %>
-  <%= render PageComponent.new(title: "Editing project") do |component| %>
+  <%= render SectionComponent.new(title: "Editing project") do |component| %>
     <%= render "form", project: @project %>
   <% end %>
 <% end %>
diff --git a/app/views/organizations/projects/index.html.erb b/app/views/organizations/projects/index.html.erb
@@ -14,7 +14,7 @@
   </nav>
 <% end %>
 
-<%= render PageComponent.new(title: breadcrumbs) do |component| %>
+<%= render SectionComponent.new(title: breadcrumbs) do |component| %>
   <% component.with_action_list do %>
     <%= link_to t("shared.actions.new"), new_organization_project_path(@organization), data: { turbo_frame: :modal }, class: "btn btn-primary" %>
   <% end %>
diff --git a/app/views/organizations/projects/new.html.erb b/app/views/organizations/projects/new.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, "New project" %>
 
 <%= modal title: "New project" do %>
-  <%= render PageComponent.new do |component| %>
+  <%= render SectionComponent.new do |component| %>
     <%= render "form", project: @project %>
   <% end %>
 <% end %>
diff --git a/app/views/organizations/projects/show.html.erb b/app/views/organizations/projects/show.html.erb
@@ -20,7 +20,7 @@
   </nav>
 <% end %>
 
-<%= render PageComponent.new(title: breadcrumbs) do |component| %>
+<%= render SectionComponent.new(title: breadcrumbs) do |component| %>
   <% component.with_action_list do %>
     <%= link_to "Edit", [:edit, @organization, @project], data: { turbo_frame: :modal }, class: "btn btn-primary btn-sm" %>
     <%= button_to "Destroy", [@organization, @project], method: :delete, data: { turbo_confirm: "Are you sure?" }, class: "btn btn-error btn-sm" %>
diff --git a/app/views/organizations/received_join_requests/index.html.erb b/app/views/organizations/received_join_requests/index.html.erb
@@ -2,7 +2,7 @@
 
 <%= render "organizations/memberships/tabs", active_tab: :requests %>
 
-<%= render PageComponent.new do %>
+<%= render SectionComponent.new do %>
   <% if @join_requests.any? %>
     <div class="table-responsive">
       <table>
diff --git a/app/views/organizations/sent_invitations/index.html.erb b/app/views/organizations/sent_invitations/index.html.erb
@@ -2,7 +2,7 @@
 
 <%= render "organizations/memberships/tabs", active_tab: :invitations %>
 
-<%= render PageComponent.new do %>
+<%= render SectionComponent.new do %>
   <% if @invitations.any? %>
     <div class="table-responsive">
       <table>
diff --git a/app/views/organizations/sent_invitations/new.html.erb b/app/views/organizations/sent_invitations/new.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, t("organizations.memberships.new.title") %>
 
 <%= modal do %>
-  <%= render PageComponent.new(title: t("organizations.memberships.new.title")) do |component| %>
+  <%= render SectionComponent.new(title: t("organizations.memberships.new.title")) do |component| %>
     <%= simple_form_for @membership_invitation, url: organization_sent_invitations_path(@organization), html: { class: "contents space-y-4" } do |f| %>
       <%= render "shared/errors", object: f.object %>
 
diff --git a/app/views/organizations/show.html.erb b/app/views/organizations/show.html.erb
@@ -1,5 +1,5 @@
 <% content_for :title, t("organizations.show.title") %>
 
-<%= render PageComponent.new(full_width: false) do |component| %>
+<%= render SectionComponent.new(full_width: false) do |component| %>
   <%= render "organizations/table", organizations: [@organization] %>
 <% end %>
diff --git a/app/views/organizations/subscriptions/_features.html.erb b/app/views/organizations/subscriptions/_features.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t("organizations.subscriptions.features.title"), full_width: false) do %>
+<%= render SectionComponent.new(title: t("organizations.subscriptions.features.title"), full_width: false) do %>
   <dl class="space-y-2">
     <% Rails.application.config_for(:settings)[:pro_features].map do |feature| %>
       <div><%= feature %></div>
diff --git a/app/views/organizations/subscriptions/_plan.html.erb b/app/views/organizations/subscriptions/_plan.html.erb
@@ -4,7 +4,7 @@
 
 <% button_label = subscription.on_grace_period? ? t(".resume_subscription") : t(".manage_billing") %>
 
-<%= render PageComponent.new(title: t(".title"), full_width: false) do |component| %>
+<%= render SectionComponent.new(title: t(".title"), full_width: false) do |component| %>
   <% component.with_action_list do %>
     <%= button_to button_label, organization_subscriptions_billing_portal_path(Current.organization), data: { turbo: false }, class: "btn btn-secondary" %>
   <% end %>
diff --git a/app/views/organizations/subscriptions/_pricing.html.erb b/app/views/organizations/subscriptions/_pricing.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t(".title"), full_width: false) do %>
+<%= render SectionComponent.new(title: t(".title"), full_width: false) do %>
   <div class="grid gap-8">
     <% plans.each do |plan| %>
       <div class="border border-base-content/20 rounded-xl text-center flex flex-col">
diff --git a/app/views/organizations/transfers/show.html.erb b/app/views/organizations/transfers/show.html.erb
@@ -1,5 +1,5 @@
 <%= modal do %>
-  <%= render PageComponent.new(title: t("organizations.transfers.show.title")) do |component| %>
+  <%= render SectionComponent.new(title: t("organizations.transfers.show.title")) do |component| %>
     <%= render "organizations/transfers/form" %>
   <% end %>
 <% end %>
diff --git a/app/views/public/organizations/index.html.erb b/app/views/public/organizations/index.html.erb
@@ -2,6 +2,6 @@
 
 <%= render "organizations/tabs", active_tab: :browse_organizations %>
 
-<%= render PageComponent.new do %>
+<%= render SectionComponent.new do %>
   <%= render "organizations/table", organizations: @organizations %>
 <% end %>
diff --git a/app/views/public/organizations/show.html.erb b/app/views/public/organizations/show.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, @organization.name %>
 
 <%= modal do %>
-  <%= render PageComponent.new(full_width: false) do |component| %>
+  <%= render SectionComponent.new(full_width: false) do |component| %>
     <%= render "organizations/table", organizations: [@organization] %>
   <% end %>
 <% end %>
diff --git a/app/views/search/index.html.erb b/app/views/search/index.html.erb
@@ -14,7 +14,7 @@
 
     <%= turbo_frame_tag :global_search_results do %>
       <% if @organizations.present? %>
-        <%= render PageComponent.new(title: "Organizations") do %>
+        <%= render SectionComponent.new(title: "Organizations") do %>
           <%= render "organizations/table", organizations: @organizations %>
         <% end %>
       <% elsif params[:query].present? %>
diff --git a/app/views/static/index.html.erb b/app/views/static/index.html.erb
@@ -1,5 +1,5 @@
 <% content_for :title, t(".title") %>
 
-<%= render PageComponent.new(full_width: false) do |component| %>
+<%= render SectionComponent.new(full_width: false) do |component| %>
   <%= markdown_to_html(Rails.root.join("README.md").read) %>
 <% end %>
diff --git a/app/views/static/privacy.html.erb b/app/views/static/privacy.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, t(".title") %>
 
 <%= modal do %>
-  <%= render PageComponent.new(full_width: false) do |component| %>
+  <%= render SectionComponent.new(full_width: false) do |component| %>
     <%= markdown_to_html(Rails.root.join("app/views/static/privacy.md").read) %>
   <% end %>
 <% end %>
diff --git a/app/views/static/refunds.html.erb b/app/views/static/refunds.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, t(".title") %>
 
 <%= modal do %>
-  <%= render PageComponent.new(full_width: false) do |component| %>
+  <%= render SectionComponent.new(full_width: false) do |component| %>
     <%= markdown_to_html(Rails.root.join("app/views/static/refunds.md").read) %>
   <% end %>
 <% end %>
diff --git a/app/views/static/terms.html.erb b/app/views/static/terms.html.erb
@@ -1,7 +1,7 @@
 <% content_for :title, t(".title") %>
 
 <%= modal do %>
-  <%= render PageComponent.new(full_width: false) do |component| %>
+  <%= render SectionComponent.new(full_width: false) do |component| %>
     <%= markdown_to_html(Rails.root.join("app/views/static/terms.md").read) %>
   <% end %>
 <% end %>
diff --git a/app/views/users/connected_accounts/index.html.erb b/app/views/users/connected_accounts/index.html.erb
@@ -4,7 +4,7 @@
   <% available_providers = Rails.application.config.omniauth_providers %>
 
   <% if available_providers.any? %>
-    <%= render PageComponent.new(title: t(".available_connections")) do |component| %>
+    <%= render SectionComponent.new(title: t(".available_connections")) do |component| %>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
         <% available_providers.each do |provider| %>
           <div
@@ -34,7 +34,7 @@
     <% end %>
   <% end %>
 
-  <%= render PageComponent.new(title: t(".your_connected_accounts")) do |component| %>
+  <%= render SectionComponent.new(title: t(".your_connected_accounts")) do |component| %>
     <% if @connected_accounts.any? %>
       <div class="table-responsive">
         <table>
diff --git a/app/views/users/invitation_acceptances/new.html.erb b/app/views/users/invitation_acceptances/new.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t(".title"), full_width: false) do %>
+<%= render SectionComponent.new(title: t(".title"), full_width: false) do %>
   <%= simple_form_for @user, url: accept_user_invitation_create_path, method: :post, html: { class: "space-y-4" } do |f| %>
     <%= render "shared/errors", object: @user %>
 
diff --git a/app/views/users/notifications/index.html.erb b/app/views/users/notifications/index.html.erb
@@ -6,7 +6,7 @@
 
 <%= turbo_stream_from "notifications_index_list_#{current_user.id}" %>
 
-<%= render PageComponent.new(title: t(".title")) do |component| %>
+<%= render SectionComponent.new(title: t(".title")) do |component| %>
   <%= turbo_frame_tag :notifications, target: "_top" do %>
     <% if @notifications.any? %>
       <div class="table-responsive">
diff --git a/app/views/users/organizations/received_invitations/index.html.erb b/app/views/users/organizations/received_invitations/index.html.erb
@@ -2,6 +2,6 @@
 
 <%= render "organizations/tabs", active_tab: :invitations %>
 
-<%= render PageComponent.new do %>
+<%= render SectionComponent.new do %>
   <%= render "organizations/table", organizations: @organizations %>
 <% end %>
diff --git a/app/views/users/organizations/sent_join_requests/index.html.erb b/app/views/users/organizations/sent_join_requests/index.html.erb
@@ -2,6 +2,6 @@
 
 <%= render "organizations/tabs", active_tab: :requests %>
 
-<%= render PageComponent.new do %>
+<%= render SectionComponent.new do %>
   <%= render "organizations/table", organizations: @organizations %>
 <% end %>
diff --git a/app/views/users/referrals/index.html.erb b/app/views/users/referrals/index.html.erb
@@ -1,4 +1,4 @@
-<%= render PageComponent.new(title: t(".title"), subtitle: t(".subtitle")) do |component| %>
+<%= render SectionComponent.new(title: t(".title"), subtitle: t(".subtitle")) do |component| %>
   <div
     data-controller="clipboard"
     data-clipboard-success-content-value="<%= t("shared.actions.copied") %>"
@@ -26,7 +26,7 @@
 
 <br>
 
-<%= render PageComponent.new(title: t(".table.referrals_list")) do %>
+<%= render SectionComponent.new(title: t(".table.referrals_list")) do %>
   <% if @referrals.any? %>
     <div class="table-responsive">
       <table>
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
@@ -1,6 +1,6 @@
 <% content_for :title, @user.name %>
 
-<%= render PageComponent.new(full_width: false) do %>
+<%= render SectionComponent.new(full_width: false) do %>
   <%= render "shared/user_info", user: @user %>
 
   <div class="menu menu-xl w-full"><%= render "shared/user_links", user: @user %></div>
diff --git a/lib/templates/erb/scaffold/edit.html.erb.tt b/lib/templates/erb/scaffold/edit.html.erb.tt
@@ -1,7 +1,7 @@
 <%% content_for :title, "Editing <%= human_name.downcase %>" %>
 
 <%%= modal do %>
-  <%%= render PageComponent.new(title: "Editing <%= human_name.downcase %>") do |component| %>
+  <%%= render SectionComponent.new(title: "Editing <%= human_name.downcase %>") do |component| %>
     <%%= render "form", <%= singular_table_name %>: @<%= singular_table_name %> %>
     <%%= link_to "Cancel", <%= model_resource_name(prefix: "@") %>, class: "btn btn-secondary" %>
   <%% end %>
diff --git a/lib/templates/erb/scaffold/index.html.erb.tt b/lib/templates/erb/scaffold/index.html.erb.tt
@@ -1,6 +1,6 @@
 <%% content_for :title, "<%= human_name.pluralize %>" %>
 
-<%%= render PageComponent.new(title: "<%= human_name.pluralize %>") do |component| %>
+<%%= render SectionComponent.new(title: "<%= human_name.pluralize %>") do |component| %>
   <%% component.with_action_list do %>
     <%%= link_to t("shared.actions.new"), new_<%= singular_route_name %>_path, data: { turbo_frame: :modal }, class: "btn btn-primary" %>
   <%% end %>
diff --git a/lib/templates/erb/scaffold/new.html.erb.tt b/lib/templates/erb/scaffold/new.html.erb.tt
@@ -1,7 +1,7 @@
 <%% content_for :title, "New <%= human_name.downcase %>" %>
 
 <%%= modal do %>
-  <%%= render PageComponent.new(title: "New <%= human_name.downcase %>") do |component| %>
+  <%%= render SectionComponent.new(title: "New <%= human_name.downcase %>") do |component| %>
     <%%= render "form", <%= singular_table_name %>: @<%= singular_table_name %> %>
     <%%= link_to "Cancel", <%= index_helper(type: :path) %>, class: "btn btn-secondary" %>
   <%% end %>
diff --git a/lib/templates/erb/scaffold/show.html.erb.tt b/lib/templates/erb/scaffold/show.html.erb.tt
@@ -1,4 +1,4 @@
-<%%= render PageComponent.new(title: "<%= human_name %>") do |component| %>
+<%%= render SectionComponent.new(title: "<%= human_name %>") do |component| %>
   <%% component.with_action_list do %>
     <%%= link_to "Edit", edit_<%= singular_table_name %>_path(@<%= singular_table_name %>), class: "btn btn-secondary" if policy(@<%= singular_table_name %>).edit? %>
     <div class="inline-block">
diff --git a/test/components/previews/section_component_preview.rb b/test/components/previews/section_component_preview.rb
@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-class PageComponentPreview < ViewComponent::Preview
+class SectionComponentPreview < ViewComponent::Preview
   def default
-    component = PageComponent.new(
+    component = SectionComponent.new(
       title: "Title",
       subtitle: "Subtitle",
       full_width: true
diff --git a/test/components/section_component_test.rb b/test/components/section_component_test.rb

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<%= render PageComponent.new(title: t("devise.views.confirmations.new.title"), full_width: false) do %>`
	`1`	`+<%= render SectionComponent.new(title: t("devise.views.confirmations.new.title"), full_width: false) do %>`
`2`	`2`	`<%= render "devise/shared/oauth_links" %>`
`3`	`3`
`4`	`4`	`<div class="divider"><%= t("devise.views.shared.links.oauth_separator") %></div>`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`}`
`24`	`24`	`] %>`
`25`	`25`
`26`		`-<%= render PageComponent.new(title: t("shared.navigation.organizations")) do \|component\| %>`
	`26`	`+<%= render SectionComponent.new(title: t("shared.navigation.organizations")) do \|component\| %>`
`27`	`27`	`<% component.with_action_list do %>`
`28`	`28`	`<%= link_to t("shared.actions.create"), new_organization_path, data: { turbo_frame: :modal }, class: "btn btn-primary" %>`
`29`	`29`	`<% end %>`