Use new ui/forms/address component

Author: rainerdema

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

@@ -19,7 +19,7 @@
             <%= render component("ui/forms/field").text_field(f, :email) %>
 
             <div class="w-full flex items-center mb-4 border-b pb-4">
-              <%#= render component('ui/forms/checkbox').new(
+              <%= render component('ui/forms/checkbox').new(
                   id: "#{form_id}--guest-checkout",
                   name: "#{f.object_name}[guest_checkout]",
                   checked: f.object.user_id.nil?,
@@ -28,66 +28,16 @@
             </div>
 
             <h2 class="text-xl mb-4 font-semibold"><%= t(".shipping_address") %></h2>
-            <div class="flex flex-wrap gap-4 border-b pb-4">
-              <%= f.fields_for :ship_address do |ba_form| %>
-                <%= render component("ui/forms/field").text_field(ba_form, :name) %>
-                <%= render component("ui/forms/field").text_field(ba_form, :address1) %>
-                <%= render component("ui/forms/field").text_field(ba_form, :address2) %>
-                <div class="flex w-full space-x-4">
-                  <%= render component("ui/forms/field").text_field(ba_form, :city, class: "flex-1") %>
-                  <%= render component("ui/forms/field").text_field(ba_form, :zipcode, class: "flex-1") %>
-                </div>
-
-                <%= render component("ui/forms/field").select(
-                  ba_form,
-                  :country_id,
-                  Spree::Country.all.map { |c| [c.name, c.id] },
-                  value: @order.ship_address.try(:country_id),
-                  "data-#{stimulus_id}-target": "country",
-                  "data-action": "change->#{stimulus_id}#loadStates"
-                ) %>
-
-                <%= render component("ui/forms/field").select(
-                  ba_form,
-                  :state_id,
-                  [],
-                  value: @order.ship_address.try(:state_id),
-                  "data-#{stimulus_id}-target": "state"
-                ) %>
-
-                <%= render component("ui/forms/field").text_field(ba_form, :phone) %>
+            <div class="w-full flex gap-4 border-b pb-4">
+              <%= f.fields_for :ship_address do |sa_form| %>
+                <%= render component('ui/forms/address').new(form: sa_form, disabled: false) %>
               <% end %>
             </div>
 
             <h2 class="text-xl mb-4 mt-4 font-semibold"><%= t(".billing_address") %></h2>
-            <div class="flex flex-wrap gap-4">
+            <div class="w-full flex gap-4">
               <%= f.fields_for :bill_address do |ba_form| %>
-                <%= render component("ui/forms/field").text_field(ba_form, :name) %>
-                <%= render component("ui/forms/field").text_field(ba_form, :address1) %>
-                <%= render component("ui/forms/field").text_field(ba_form, :address2) %>
-                <div class="flex w-full space-x-4">
-                  <%= render component("ui/forms/field").text_field(ba_form, :city, class: "flex-1") %>
-                  <%= render component("ui/forms/field").text_field(ba_form, :zipcode, class: "flex-1") %>
-                </div>
-
-                <%= render component("ui/forms/field").select(
-                  ba_form,
-                  :country_id,
-                  Spree::Country.all.map { |c| [c.name, c.id] },
-                  value: @order.bill_address.try(:country_id),
-                  "data-#{stimulus_id}-target": "country",
-                  "data-action": "change->#{stimulus_id}#loadStates"
-                ) %>
-
-                <%= render component("ui/forms/field").select(
-                  ba_form,
-                  :state_id,
-                  [],
-                  value: @order.bill_address.try(:state_id),
-                  "data-#{stimulus_id}-target": "state"
-                ) %>
-
-                <%= render component("ui/forms/field").text_field(ba_form, :phone) %>
+                <%= render component('ui/forms/address').new(form: ba_form, disabled: false) %>
               <% end %>
             </div>
           </div>