Add a title to the orders/cart component

solidusio · Oct 31, 2023 · f3edb53 · f3edb53
1 parent 8e9813a
commit f3edb53
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/admin/app/components/solidus_admin/orders/cart/component.html.erb b/admin/app/components/solidus_admin/orders/cart/component.html.erb
@@ -9,14 +9,16 @@
   data-<%= stimulus_id %>-initial-text-value="<%= t('.initial') %>"
   data-<%= stimulus_id %>-empty-text-value="<%= t('.empty') %>"
 >
-  <%= render component('ui/panel').new do |panel| %>
+  <%= render component('ui/panel').new(title: t('.title')) do |panel| %>
+    <div class="border-gray-100 border-t -mx-6"></div>
     <div>
       <div class="peer">
-      <%= render component("ui/forms/search_field").new(
-        "data-action": "#{stimulus_id}#search focus->#{stimulus_id}#showResults #{stimulus_id}#showResults",
-        placeholder: t(".search_placeholder"),
-        "data-#{stimulus_id}-target": "searchField",
-      ) %>
+        <%= render component("ui/forms/search_field").new(
+          "data-action":
+            "#{stimulus_id}#search focus->#{stimulus_id}#showResults #{stimulus_id}#showResults",
+          placeholder: t(".search_placeholder"),
+          "data-#{stimulus_id}-target": "searchField"
+        ) %>
       </div>
 
       <%# results popover %>

diff --git a/admin/app/components/solidus_admin/orders/cart/component.yml b/admin/app/components/solidus_admin/orders/cart/component.yml
@@ -1,6 +1,7 @@
 # Add your component translations here.
 # Use the translation in the example in your template with `t(".hello")`.
 en:
+  title: "Cart"
   search_placeholder: "Find a variant by name or SKU"
   loading: "Loading..."
   initial: "Type to search"