From 2c3cf9d02b5a284006ba98364e705577e7d43d2c Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Mon, 22 Jun 2026 00:41:04 +0100 Subject: [PATCH] Update various components in the Dashboard to include labelWidth adjustments for improved layout consistency. Components modified include NewAppPassword, NewCourierService, NewCourier, NewDocumentJob, NewDocumentSize, NewDocumentTemplate, NewMaterial, NewNoteType, NewProductCategory, NewProductSku, NewTaxRate, and NewVendor. These changes enhance user experience by ensuring better alignment and spacing in forms. --- .../Management/AppPasswords/NewAppPassword.jsx | 16 ++-------------- .../CourierServices/NewCourierService.jsx | 3 +++ .../Dashboard/Management/Couriers/NewCourier.jsx | 3 +++ .../Management/DocumentJobs/NewDocumentJob.jsx | 1 + .../Management/DocumentSizes/NewDocumentSize.jsx | 2 ++ .../DocumentTemplates/NewDocumentTemplate.jsx | 1 + .../Management/Materials/NewMaterial.jsx | 3 +++ .../Management/NoteTypes/NewNoteType.jsx | 3 +++ .../ProductCategories/NewProductCategory.jsx | 2 ++ .../Management/ProductSkus/NewProductSku.jsx | 2 +- .../Dashboard/Management/TaxRates/NewTaxRate.jsx | 8 +++++++- .../Dashboard/Management/Vendors/NewVendor.jsx | 3 +++ 12 files changed, 31 insertions(+), 16 deletions(-) diff --git a/src/components/Dashboard/Management/AppPasswords/NewAppPassword.jsx b/src/components/Dashboard/Management/AppPasswords/NewAppPassword.jsx index 9827f2c..95b37fb 100644 --- a/src/components/Dashboard/Management/AppPasswords/NewAppPassword.jsx +++ b/src/components/Dashboard/Management/AppPasswords/NewAppPassword.jsx @@ -24,25 +24,12 @@ const NewAppPassword = ({ onOk, reset, defaultValues = {} }) => { column={1} bordered={false} isEditing={true} + labelWidth={75} required={true} objectData={objectData} /> ) }, - { - title: 'Optional', - key: 'optional', - content: ( - - ) - }, { title: 'Summary', key: 'summary', @@ -59,6 +46,7 @@ const NewAppPassword = ({ onOk, reset, defaultValues = {} }) => { secret: false }} isEditing={false} + labelWidth={70} objectData={objectData} /> ) diff --git a/src/components/Dashboard/Management/CourierServices/NewCourierService.jsx b/src/components/Dashboard/Management/CourierServices/NewCourierService.jsx index 4f4e9d4..fc754d0 100644 --- a/src/components/Dashboard/Management/CourierServices/NewCourierService.jsx +++ b/src/components/Dashboard/Management/CourierServices/NewCourierService.jsx @@ -26,6 +26,7 @@ const NewCourierService = ({ onOk, defaultValues }) => { isEditing={true} required={true} objectData={objectData} + labelWidth={80} /> ) }, @@ -39,6 +40,7 @@ const NewCourierService = ({ onOk, defaultValues }) => { bordered={false} isEditing={true} required={false} + labelWidth={120} objectData={objectData} /> ) @@ -59,6 +61,7 @@ const NewCourierService = ({ onOk, defaultValues }) => { }} isEditing={false} objectData={objectData} + labelWidth={120} /> ) } diff --git a/src/components/Dashboard/Management/Couriers/NewCourier.jsx b/src/components/Dashboard/Management/Couriers/NewCourier.jsx index 257a414..e377543 100644 --- a/src/components/Dashboard/Management/Couriers/NewCourier.jsx +++ b/src/components/Dashboard/Management/Couriers/NewCourier.jsx @@ -19,6 +19,7 @@ const NewCourier = ({ onOk, defaultValues }) => { isEditing={true} required={true} objectData={objectData} + labelWidth={75} /> ) }, @@ -33,6 +34,7 @@ const NewCourier = ({ onOk, defaultValues }) => { isEditing={true} required={false} objectData={objectData} + labelWidth={85} /> ) }, @@ -52,6 +54,7 @@ const NewCourier = ({ onOk, defaultValues }) => { }} isEditing={false} objectData={objectData} + labelWidth={85} /> ) } diff --git a/src/components/Dashboard/Management/DocumentJobs/NewDocumentJob.jsx b/src/components/Dashboard/Management/DocumentJobs/NewDocumentJob.jsx index b61322b..aa3ae13 100644 --- a/src/components/Dashboard/Management/DocumentJobs/NewDocumentJob.jsx +++ b/src/components/Dashboard/Management/DocumentJobs/NewDocumentJob.jsx @@ -35,6 +35,7 @@ const NewDocumentJob = ({ onOk, defaultValues = {} }) => { column={1} visibleProperties={{ name: false }} bordered={false} + labelWidth={115} isEditing={true} required={true} objectData={objectData} diff --git a/src/components/Dashboard/Management/DocumentSizes/NewDocumentSize.jsx b/src/components/Dashboard/Management/DocumentSizes/NewDocumentSize.jsx index d93a49d..3d0f72e 100644 --- a/src/components/Dashboard/Management/DocumentSizes/NewDocumentSize.jsx +++ b/src/components/Dashboard/Management/DocumentSizes/NewDocumentSize.jsx @@ -22,6 +22,7 @@ const NewDocumentSize = ({ onOk, defaultValues }) => { isEditing={true} required={true} objectData={objectData} + labelWidth={120} /> ) }, @@ -39,6 +40,7 @@ const NewDocumentSize = ({ onOk, defaultValues }) => { createdAt: false, updatedAt: false }} + labelWidth={120} isEditing={false} objectData={objectData} /> diff --git a/src/components/Dashboard/Management/DocumentTemplates/NewDocumentTemplate.jsx b/src/components/Dashboard/Management/DocumentTemplates/NewDocumentTemplate.jsx index e25acf7..e0d9056 100644 --- a/src/components/Dashboard/Management/DocumentTemplates/NewDocumentTemplate.jsx +++ b/src/components/Dashboard/Management/DocumentTemplates/NewDocumentTemplate.jsx @@ -21,6 +21,7 @@ const NewDocumentTemplate = ({ onOk, defaultValues }) => { bordered={false} isEditing={true} required={true} + labelWidth={130} objectData={objectData} /> ) diff --git a/src/components/Dashboard/Management/Materials/NewMaterial.jsx b/src/components/Dashboard/Management/Materials/NewMaterial.jsx index d46b72d..542b864 100644 --- a/src/components/Dashboard/Management/Materials/NewMaterial.jsx +++ b/src/components/Dashboard/Management/Materials/NewMaterial.jsx @@ -18,6 +18,7 @@ const NewMaterial = ({ onOk }) => { bordered={false} isEditing={true} required={true} + labelWidth={70} objectData={objectData} /> ) @@ -32,6 +33,7 @@ const NewMaterial = ({ onOk }) => { bordered={false} isEditing={true} required={false} + labelWidth={62} objectData={objectData} /> ) @@ -51,6 +53,7 @@ const NewMaterial = ({ onOk }) => { updatedAt: false }} isEditing={false} + labelWidth={70} objectData={objectData} /> ) diff --git a/src/components/Dashboard/Management/NoteTypes/NewNoteType.jsx b/src/components/Dashboard/Management/NoteTypes/NewNoteType.jsx index cec8ef8..4a8e8bd 100644 --- a/src/components/Dashboard/Management/NoteTypes/NewNoteType.jsx +++ b/src/components/Dashboard/Management/NoteTypes/NewNoteType.jsx @@ -23,6 +23,7 @@ const NewNoteType = ({ onOk }) => { bordered={false} isEditing={true} required={true} + labelWidth={72} objectData={objectData} /> ) @@ -38,6 +39,7 @@ const NewNoteType = ({ onOk }) => { isEditing={true} required={false} objectData={objectData} + labelWidth={65} /> ) }, @@ -57,6 +59,7 @@ const NewNoteType = ({ onOk }) => { }} isEditing={false} objectData={objectData} + labelWidth={70} /> ) } diff --git a/src/components/Dashboard/Management/ProductCategories/NewProductCategory.jsx b/src/components/Dashboard/Management/ProductCategories/NewProductCategory.jsx index 0a43cc9..7edaf30 100644 --- a/src/components/Dashboard/Management/ProductCategories/NewProductCategory.jsx +++ b/src/components/Dashboard/Management/ProductCategories/NewProductCategory.jsx @@ -19,6 +19,7 @@ const NewProductCategory = ({ onOk }) => { isEditing={true} required={true} objectData={objectData} + labelWidth={70} /> ) }, @@ -38,6 +39,7 @@ const NewProductCategory = ({ onOk }) => { }} isEditing={false} objectData={objectData} + labelWidth={70} /> ) } diff --git a/src/components/Dashboard/Management/ProductSkus/NewProductSku.jsx b/src/components/Dashboard/Management/ProductSkus/NewProductSku.jsx index 7cb4187..19cab28 100644 --- a/src/components/Dashboard/Management/ProductSkus/NewProductSku.jsx +++ b/src/components/Dashboard/Management/ProductSkus/NewProductSku.jsx @@ -23,7 +23,7 @@ const NewProductSku = ({ onOk, reset, defaultValues }) => { { return ( - + {({ handleSubmit, submitLoading, objectData, formValid }) => { const steps = [ { @@ -19,6 +22,7 @@ const NewTaxRate = ({ onOk, defaultValues }) => { isEditing={true} required={true} objectData={objectData} + labelWidth={100} /> ) }, @@ -32,6 +36,7 @@ const NewTaxRate = ({ onOk, defaultValues }) => { bordered={false} isEditing={true} required={false} + labelWidth={130} objectData={objectData} /> ) @@ -50,6 +55,7 @@ const NewTaxRate = ({ onOk, defaultValues }) => { createdAt: false, updatedAt: false }} + labelWidth={130} isEditing={false} objectData={objectData} /> diff --git a/src/components/Dashboard/Management/Vendors/NewVendor.jsx b/src/components/Dashboard/Management/Vendors/NewVendor.jsx index 345edf2..4248904 100644 --- a/src/components/Dashboard/Management/Vendors/NewVendor.jsx +++ b/src/components/Dashboard/Management/Vendors/NewVendor.jsx @@ -21,6 +21,7 @@ const NewVendor = ({ onOk, defaultValues }) => { bordered={false} isEditing={true} required={true} + labelWidth={80} objectData={objectData} /> ) @@ -35,6 +36,7 @@ const NewVendor = ({ onOk, defaultValues }) => { bordered={false} isEditing={true} required={false} + labelWidth={85} objectData={objectData} /> ) @@ -54,6 +56,7 @@ const NewVendor = ({ onOk, defaultValues }) => { updatedAt: false }} isEditing={false} + labelWidth={80} objectData={objectData} /> )