From 44f885b2c52c4cdf71f872750c475f9ce228677c Mon Sep 17 00:00:00 2001
From: Rainer Dema <rainer.dema@gmail.com>
Date: Thu, 11 Jan 2024 17:48:50 +0100
Subject: [PATCH] [wip] Add `orders/show/shipment` component

---
 .../orders/show/shipment/component.html.erb   | 21 ++++++++++++++-----
 .../orders/show/shipment/component.yml        |  1 +
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/admin/app/components/solidus_admin/orders/show/shipment/component.html.erb b/admin/app/components/solidus_admin/orders/show/shipment/component.html.erb
index 9e84e3e4800..8f4e43cf6c7 100644
--- a/admin/app/components/solidus_admin/orders/show/shipment/component.html.erb
+++ b/admin/app/components/solidus_admin/orders/show/shipment/component.html.erb
@@ -5,7 +5,8 @@
         <section class="border-gray-100 border-t w-full first-of-type:border-t-0 p-6">
           <h2>
             <span class="text-xl">
-              #<%= @index %>: <%= @shipment.number %> from <%= @shipment.stock_location.name %> <%= render component('ui/badge').new(name: @shipment.state.titleize) %>
+              <%= t('.title', index: @index, number: @shipment.number, location: @shipment.stock_location.name) %>
+              <%= render component('ui/badge').new(name: @shipment.state.titleize) %>
             </span>
           </h2>
         </section>
@@ -16,10 +17,20 @@
           <table class="table-auto w-full">
             <thead>
               <tr>
-                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none"><%= t(".product") %></th>
-                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16"><%= t(".quantity") %></th>
-                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16 whitespace-nowrap"><%= t(".total") %></th>
-                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16"><span class="sr-only"><%= t(".actions") %></span></th>
+                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none">
+                  <%= t(".product") %>
+                </th>
+                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16">
+                  <%= t(".quantity") %>
+                </th>
+                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16 whitespace-nowrap">
+                  <%= t(".total") %>
+                </th>
+                <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16">
+                  <span class="sr-only">
+                    <%= t(".actions") %>
+                  </span>
+                </th>
               </tr>
             </thead>
             <tbody>
diff --git a/admin/app/components/solidus_admin/orders/show/shipment/component.yml b/admin/app/components/solidus_admin/orders/show/shipment/component.yml
index 4f41648a1c3..43ac50a44e0 100644
--- a/admin/app/components/solidus_admin/orders/show/shipment/component.yml
+++ b/admin/app/components/solidus_admin/orders/show/shipment/component.yml
@@ -1,4 +1,5 @@
 en:
+  title: "#%{index}: %{number} from %{location}"
   product: Product
   quantity: Quantity
   total: Total Price