diff --git a/packages/js/product-editor/changelog/fix-40113_attributes_modal_incorrect_notice b/packages/js/product-editor/changelog/fix-40113_attributes_modal_incorrect_notice new file mode 100644 index 00000000000..4ae41573e4a --- /dev/null +++ b/packages/js/product-editor/changelog/fix-40113_attributes_modal_incorrect_notice @@ -0,0 +1,4 @@ +Significance: minor +Type: fix + +Fix attributes modal incorrect notice #40976 diff --git a/packages/js/product-editor/src/components/attribute-control/attribute-control.tsx b/packages/js/product-editor/src/components/attribute-control/attribute-control.tsx index f20ce408abe..8c9bac450bc 100644 --- a/packages/js/product-editor/src/components/attribute-control/attribute-control.tsx +++ b/packages/js/product-editor/src/components/attribute-control/attribute-control.tsx @@ -99,10 +99,6 @@ export const AttributeControl: React.FC< AttributeControlProps > = ( { `You can change the attribute's name in Attributes.`, 'woocommerce' ), - newAttributeModalNotice: __( - 'By default, attributes are filterable and visible on the product page. You can change these settings for each attribute separately later.', - 'woocommerce' - ), attributeRemoveConfirmationMessage: __( 'Remove this attribute?', 'woocommerce' @@ -293,7 +289,6 @@ export const AttributeControl: React.FC< AttributeControlProps > = ( { { closeNewModal(); onNewModalCancel(); diff --git a/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.scss b/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.scss index c149fa6c8ec..a9c3e722c61 100644 --- a/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.scss +++ b/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.scss @@ -1,5 +1,5 @@ .woocommerce-new-attribute-modal { - min-width: 50%; + min-width: 75%; .components-notice.is-info { margin-left: 0; margin-right: 0; diff --git a/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.tsx b/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.tsx index 55a8793793b..f76dc77e743 100644 --- a/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.tsx +++ b/packages/js/product-editor/src/components/attribute-control/new-attribute-modal.tsx @@ -60,10 +60,7 @@ type AttributeForm = { export const NewAttributeModal: React.FC< NewAttributeModalProps > = ( { title = __( 'Add attributes', 'woocommerce' ), description = '', - notice = __( - 'By default, attributes are filterable and visible on the product page. You can change these settings for each attribute separately later.', - 'woocommerce' - ), + notice, attributeLabel = __( 'Attribute', 'woocommerce' ), valueLabel = __( 'Values', 'woocommerce' ), attributePlaceholder = __( 'Search or create attribute', 'woocommerce' ),