elia/tax-categories/index: [wip]

admin/app/components/solidus_admin/layout/feedback/component.yml

@@ -2,4 +2,4 @@
 # Use the translation in the example in your template with `t(".hello")`.
 en:
   give_feedback: 'Give feedback'
-  feedback_description: 'We are constantly trying to improve. Please let us know what you think about this admin page.'
+  feedback_description: 'Please let us know what you think about this admin page.'

admin/app/components/solidus_admin/tax_categories/index/component.html.erb

@@ -1,14 +1,12 @@
-<%= page do %>
-  <%= page_header do %>
-    <%= page_header_title title %>
-    <%= page_header_actions do %>
-      <%= render component("ui/button").new(
-        tag: :a,
-        text: t('.add'),
-        href: spree.new_admin_tax_category_path,
-        icon: "add-line",
-      ) %>
-    <% end %>
+<%= render component('taxes').new do |layout| %>
+  <% layout.with_actions do %>
+    <%= render component("ui/button").new(
+      tag: :a,
+      text: t('.add'),
+      href: spree.new_admin_tax_category_path,
+      icon: "add-line",
+      class: "align-self-end w-full",
+    ) %>
   <% end %>
 
   <%= render component('ui/table').new(

admin/app/components/solidus_admin/taxes/component.html.erb

@@ -0,0 +1,28 @@
+<%= page do %>
+  <%= page_header do %>
+    <%= page_header_title safe_join([
+      tag.div(t(".title")),
+      tag.div(t(".subtitle"), class: "body-small text-gray-500"),
+      # tag.div(
+      #   render(component('ui/tab').new(text: Spree::TaxCategory.model_name.human.pluralize, href: solidus_admin.tax_categories_path, current: true)) +
+      #   render(component('ui/tab').new(text: Spree::TaxRate.model_name.human.pluralize, href: spree.admin_tax_rates_path, current: false)),
+      #   class: "flex gap-2 mt-4"
+      # ),
+    ]) %>
+  <% end %>
+
+  <%= page_header do %>
+    <% title = capture do %>
+      <%= render(component('ui/tab').new(text: Spree::TaxCategory.model_name.human.pluralize, href: solidus_admin.tax_categories_path, current: true)) %>
+      <%= render(component('ui/tab').new(text: Spree::TaxRate.model_name.human.pluralize, href: spree.admin_tax_rates_path, current: false)) %>
+    <% end %>
+
+    <%= page_header_title title %>
+
+    <%= page_header_actions do %>
+      <%= actions %>
+    <% end %>
+  <% end %>
+
+  <%= content %>
+<% end %>

admin/app/components/solidus_admin/taxes/component.rb

@@ -0,0 +1,6 @@
+ # frozen_string_literal: true
+
+class SolidusAdmin::Taxes::Component < SolidusAdmin::BaseComponent
+  include SolidusAdmin::Layout::PageHelpers
+  renders_one :actions
+end

admin/app/components/solidus_admin/taxes/component.yml

@@ -0,0 +1,3 @@
+en:
+  title: "Taxes"
+  subtitle: "Configure tax rates and tax categories for products and shipping in different markets."