Add option_types/index component with dedicated index action

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

@@ -0,0 +1,31 @@
+<div class="px-4">
+  <header class="py-6 flex items-center">
+    <h1 class="body-title">
+      <%= title %>
+    </h1>
+
+    <div class="ml-auto flex gap-2 items-center">
+      <%= render component("ui/button").new(
+        tag: :a,
+        text: t('.create_option_type'),
+        href: spree.new_admin_option_type_path,
+        icon: "add-line",
+      ) %>
+    </div>
+  </header>
+
+  <%= render component('ui/table').new(
+    id: 'option-types-list',
+    data: {
+      class: Spree::OptionType,
+      rows: @option_types,
+      url: ->(option_type) { spree.edit_admin_option_type_path(option_type) },
+      columns: columns,
+      batch_actions: batch_actions,
+    },
+    sortable: {
+      url: ->(option_type) { solidus_admin.move_option_type_path(option_type) },
+      param: 'position',
+    },
+  ) %>
+</div>

admin/app/components/solidus_admin/option_types/index/component.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::OptionTypes::Index::Component < SolidusAdmin::BaseComponent
+  def initialize(option_types:)
+    @option_types = option_types
+  end
+
+  def title
+    Spree::OptionType.model_name.human.pluralize
+  end
+
+  def columns
+    [
+      name_column,
+      presentation_column,
+    ]
+  end
+
+  def batch_actions
+    [
+      {
+        display_name: t('.batch_actions.delete'),
+        action: solidus_admin.option_types_path,
+        method: :delete,
+        icon: 'delete-bin-7-line',
+      },
+    ]
+  end
+
+  def name_column
+    {
+      header: :name,
+      data: ->(option_type) do
+        content_tag :div, option_type.name
+      end
+    }
+  end
+
+  def presentation_column
+    {
+      header: :presentation,
+      data: ->(option_type) do
+        content_tag :div, option_type.presentation
+      end
+    }
+  end
+end

admin/app/components/solidus_admin/option_types/index/component.yml

@@ -0,0 +1,4 @@
+en:
+  batch_actions:
+    delete: 'Delete'
+  create_option_type: Create Option Type

admin/app/controllers/solidus_admin/option_types_controller.rb

@@ -4,6 +4,14 @@ module SolidusAdmin
   class OptionTypesController < SolidusAdmin::BaseController
     before_action :load_option_type, only: [:move]
 
+    def index
+      @option_types = Spree::OptionType.all
+
+      respond_to do |format|
+        format.html { render component('option_types/index').new(option_types: @option_types) }
+      end
+    end
+
     def move
       @option_type.insert_at(params[:position].to_i)
 

admin/config/locales/option_types.en.yml

@@ -0,0 +1,6 @@
+en:
+  solidus_admin:
+    option_types:
+      title: "Option Types"
+      destroy:
+        success: "Option Types were successfully removed."

admin/config/routes.rb

@@ -43,7 +43,7 @@
     end
   end
 
-  resources :option_types do
+  resources :option_types, only: [:index] do
     collection do
       delete :destroy
     end

admin/spec/features/option_types_spec.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+require 'spec_helper'
+
+describe "Option Types", :js, type: :feature do
+  before { sign_in create(:admin_user, email: '[email protected]') }
+
+  it "lists option types and allows deleting them" do
+    create(:option_type_color, name: "color", presentation: "Color")
+    create(:option_type_size, name: "size", presentation: "Size")
+
+    visit "/admin/option_types"
+    expect(page).to have_content("color")
+    expect(page).not_to have_content("size")
+
+    expect(page).to be_axe_clean
+
+    select_row("color")
+    click_on "Delete"
+    expect(page).to have_content("Option Types were successfully removed.")
+    expect(page).not_to have_content("color")
+    expect(Spree::OptionType.count).to eq(1)
+  end
+end