Create Product component

Update product_component.html.haml

app/components/product_component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class ProductComponent < ViewComponentReflex::Component
+  def initialize(product:, columns:)
+    @columns = columns
+    @image = product.images[0] if product.images.any?
+    @name = product.name
+    @unit = "#{product.unit_value}  #{product.variant_unit}"
+    @price = product.price
+  end
+end

app/components/product_component/product_component.html.haml

@@ -0,0 +1,12 @@
+%tr
+  %td.products_column.title
+    - if @image
+      .image
+        = image_tag @image.url(:mini)
+    = @name
+  - if @columns.include?(:unit)
+    %td.products_column.unit
+      = @unit
+  - if @columns.include?(:price)
+    %td.products_column.price
+      = @price

app/views/admin/products/_product.html.haml

@@ -1,14 +0,0 @@
-%div.product
-  = if product.images[0]
-    %div.image
-      %img{src: product.images[0].attachment.url(:mini, false) }
-  %div.title
-    = product.name
-  %div.unit
-    = product.unit_value
-    = product.variant_unit
-  %div.price
-    = product.price
-  
-%pre
-  = product.to_json

app/views/admin/products/index.html.haml

@@ -10,4 +10,5 @@
     Filter results
 
 #new_products
-  = render partial: "product", collection: @products
+  %table.products_table
+    = render(ProductComponent.with_collection(@products, columns: [:price, :unit]))