Merge pull request #5449 from nebulab/rainerd/fix-toolbar-component-p…

…arams

[Admin] Fix `ui/table/toolbar` & restore `clearSearch` & Streamline `feedback` rendering

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

@@ -5,7 +5,6 @@
     </h1>
 
     <div class="ml-auto flex gap-2 items-center">
-      <%= render component("feedback").new %>
       <%= render component("ui/button").new(
         tag: :a,
         text: t('.create_order'),

admin/app/components/solidus_admin/orders/new/component.html.erb

@@ -5,7 +5,6 @@
     <%= page_header_title t(".create_order") %>
 
     <%= page_header_actions do %>
-      <%= render component("feedback").new %>
       <%= render component("ui/button").new(tag: :button, scheme: :secondary, text: t(".discard"), form: form_id) %>
       <%= render component("ui/button").new(tag: :button, text: t(".save"), form: form_id) %>
     <% end %>

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

@@ -2,7 +2,6 @@
   <%= page_header do %>
     <%= page_header_title title %>
     <%= page_header_actions do %>
-      <%= render component("feedback").new %>
       <%= render component("ui/button").new(
         tag: :a,
         text: t('.add_product'),

admin/app/components/solidus_admin/ui/table/component.js

@@ -45,6 +45,11 @@ export default class extends Controller {
     this.searchFormTarget.requestSubmit()
   }
 
+  clearSearch() {
+    this.searchFieldTarget.value = ''
+    this.search()
+  }
+
   cancelSearch() {
     this.clearSearch()
 

admin/app/components/solidus_admin/ui/table/toolbar/component.rb

@@ -1,14 +1,21 @@
 # frozen_string_literal: true
 
 class SolidusAdmin::UI::Table::Toolbar::Component < SolidusAdmin::BaseComponent
-  erb_template <<~ERB
-    <div class="
-      h-14 p-2 bg-white border-b border-gray-100
-      justify-start items-center gap-2
-      visible:flex hidden:hidden
-      rounded-t-lg
-    ">
-      <%= content %>
-    </div>
-  ERB
+  def initialize(**options)
+    @options = options
+  end
+
+  def call
+    tag.div(
+      content,
+      **@options,
+      class: "
+        h-14 p-2 bg-white border-b border-gray-100
+        justify-start items-center gap-2
+        visible:flex hidden:hidden
+        rounded-t-lg
+        #{@options[:class]}
+      "
+    )
+  end
 end