asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(dashboard): Add first and last name inputs to update order shipping and billing address forms (#14394)

Browse Source 
* Add first_name and last_name to order edit addresses forms

* Add changeset
This commit is contained in:
Nicolas Gorga
2025-12-27 11:49:50 -03:00
committed by GitHub
parent ba3a572a89
commit caa561badf
3 changed files with 71 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/empty-rockets-sink.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@medusajs/dashboard": patch
---
feat(dashboard): Add first and last name inputs to update order shipping and billing address forms

34
packages/admin/dashboard/src/routes/orders/order-edit-billing-address/components/edit-order-billing-address-form/edit-order-billing-address-form.tsx
View File

@@ -16,6 +16,8 @@ type EditOrderBillingAddressFormProps = {
}
const EditOrderBillingAddressSchema = zod.object({
first_name: zod.string().optional(),
last_name: zod.string().optional(),
address_1: zod.string().min(1),
address_2: zod.string().optional(),
country_code: zod.string().min(2).max(2),
@@ -34,6 +36,8 @@ export function EditOrderBillingAddressForm({
const form = useForm<zod.infer<typeof EditOrderBillingAddressSchema>>({
defaultValues: {
first_name: order.billing_address?.first_name || "",
last_name: order.billing_address?.last_name || "",
address_1: order.billing_address?.address_1 || "",
address_2: order.billing_address?.address_2 || "",
city: order.billing_address?.city || "",
@@ -158,6 +162,36 @@ export function EditOrderBillingAddressForm({
)
}}
/>
<Form.Field
control={form.control}
name="first_name"
render={({ field }) => {
return (
<Form.Item>
<Form.Label>{t("fields.firstName")}</Form.Label>
<Form.Control>
<Input size="small" {...field} />
</Form.Control>
<Form.ErrorMessage />
</Form.Item>
)
}}
/>
<Form.Field
control={form.control}
name="last_name"
render={({ field }) => {
return (
<Form.Item>
<Form.Label>{t("fields.lastName")}</Form.Label>
<Form.Control>
<Input size="small" {...field} />
</Form.Control>
<Form.ErrorMessage />
</Form.Item>
)
}}
/>
<Form.Field
control={form.control}
name="company"

32
packages/admin/dashboard/src/routes/orders/order-edit-shipping-address/components/edit-order-shipping-address-form/edit-order-shipping-address-form.tsx
View File

@@ -16,6 +16,8 @@ type EditOrderShippingAddressFormProps = {
}
const EditOrderShippingAddressSchema = zod.object({
first_name: zod.string().optional(),
last_name: zod.string().optional(),
address_1: zod.string().min(1),
address_2: zod.string().optional(),
country_code: zod.string().min(2).max(2),
@@ -34,6 +36,8 @@ export function EditOrderShippingAddressForm({
const form = useForm<zod.infer<typeof EditOrderShippingAddressSchema>>({
defaultValues: {
first_name: order.shipping_address?.first_name || "",
last_name: order.shipping_address?.last_name || "",
address_1: order.shipping_address?.address_1 || "",
address_2: order.shipping_address?.address_2 || "",
city: order.shipping_address?.city || "",
@@ -158,6 +162,34 @@ export function EditOrderShippingAddressForm({
)
}}
/>
<Form.Field
control={form.control}
name="first_name"
render={({ field }) => {
return (
<Form.Item>
<Form.Label>{t("fields.firstName")}</Form.Label>
<Form.Control>
<Input size="small" {...field} />
</Form.Control>
</Form.Item>
)
}}
/>
<Form.Field
control={form.control}
name="last_name"
render={({ field }) => {
return (
<Form.Item>
<Form.Label>{t("fields.lastName")}</Form.Label>
<Form.Control>
<Input size="small" {...field} />
</Form.Control>
</Form.Item>
)
}}
/>
<Form.Field
control={form.control}
name="company"