Create and link orders/new component with a base header

This commit introduces a new `orders/new` component that includes a
header, providing users with 'Save' and 'Discard' button options.
Although the UI elements have been integrated, the functionalities for these
buttons will be implemented in subsequent iterations.

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

@@ -9,7 +9,7 @@
       <%= render component("ui/button").new(
         tag: :a,
         text: t('.create_order'),
-        href: spree.new_admin_order_path,
+        href: solidus_admin.new_order_path,
         icon: "add-line",
       ) %>
     </div>

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

@@ -0,0 +1,20 @@
+<div class="px-4 relative" data-controller="<%= stimulus_id %>">
+  <header class="py-6 flex items-center gap-4">
+    <%= render component("ui/button").new(
+      tag: :a,
+      title: t(".back"),
+      icon: "arrow-left-line",
+      scheme: :secondary,
+      href: solidus_admin.orders_path
+    ) %>
+    <h1 class="flex items-center gap-2">
+      <span class="body-title"><%= t(".create_order") %></span>
+    </h1>
+
+    <div class="ml-auto flex gap-2 items-center">
+      <%= render component("feedback").new %>
+      <%= render component("ui/button").new(tag: :button, scheme: :secondary, text: t(".discard"), form: form_id) %>
+      <%= render component("ui/button").new(tag: :button, text: t(".save"), form: form_id) %>
+    </div>
+  </header>
+</div>

admin/app/components/solidus_admin/orders/new/component.js

@@ -0,0 +1,5 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+
+}

admin/app/components/solidus_admin/orders/new/component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Orders::New::Component < SolidusAdmin::BaseComponent
+  def initialize(order:)
+    @order = order
+  end
+
+  def form_id
+    @form_id ||= "#{stimulus_id}--form-#{@order.id}"
+  end
+end

admin/app/components/solidus_admin/orders/new/component.yml

@@ -0,0 +1,6 @@
+# Add your component translations here.
+# Use the translation in the example in your template with `t(".hello")`.
+en:
+  create_order: Create Order
+  save: Save
+  discard: Discard

admin/app/controllers/solidus_admin/orders_controller.rb

@@ -19,11 +19,15 @@ def index
     end
 
     def new
-      Spree::Order.new(
+      @order = Spree::Order.new(
         created_by: current_solidus_admin_user,
         frontend_viewable: false,
         store_id: current_store.try(:id)
       )
+
+      respond_to do |format|
+        format.html { render component('orders/new').new(order: @order) }
+      end
     end
   end
 end

admin/spec/components/previews/solidus_admin/orders/new/component_preview.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+# @component "orders/new"
+class SolidusAdmin::Orders::New::ComponentPreview < ViewComponent::Preview
+  include SolidusAdmin::Preview
+
+  def overview
+    render_with_template(locals: { order: Spree::Order.new })
+  end
+end

admin/spec/components/previews/solidus_admin/orders/new/component_preview/overview.html.erb

@@ -0,0 +1,3 @@
+<div class="mb-8">
+  <%= render current_component.new(order: order) %>
+</div>

admin/spec/components/solidus_admin/orders/new/component_spec.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require "spec_helper"
+
+RSpec.describe SolidusAdmin::Orders::New::Component, type: :component do
+  it "renders the overview preview" do
+    render_preview(:overview)
+  end
+end