Add an "Add Product" button to the products/index component

solidusio · Jul 20, 2023 · 83fd9cf · 83fd9cf
1 parent c7fa524
commit 83fd9cf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/admin/app/components/solidus_admin/products/index/component.html.erb b/admin/app/components/solidus_admin/products/index/component.html.erb
@@ -3,6 +3,16 @@
     <h1 class="body-title">
       <%= Spree::Product.model_name.human.pluralize %>
     </h1>
+
+    <div class="ml-auto">
+      <%= render component("ui/button").new(
+        tag: :a,
+        text: t('.add_product'),
+        href: spree.new_admin_product_path,
+        icon: "plus-line",
+        classes: "ml-auto"
+      ) %>
+    </div>
   </header>
 
   <%= render component("ui/table").new(

diff --git a/admin/app/components/solidus_admin/products/index/component.yml b/admin/app/components/solidus_admin/products/index/component.yml
@@ -1,5 +1,6 @@
 en:
   product_image: 'Image'
+  add_product: 'Add Product'
   status:
     available: 'Available'
     discontinued: 'Discontinued'