diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlock.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlock.js index b80d8f253..58fde60c2 100644 --- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlock.js +++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlock.js @@ -6,7 +6,6 @@ const SettingsBlock = ( { children, title, titleSuffix, - headerDescription, description, horizontalLayout = false, separatorAndGap = true, @@ -20,16 +19,13 @@ const SettingsBlock = ( {
- { title } <TitleExtra>{ titleSuffix }</TitleExtra> + { title } + <TitleExtra>{ titleSuffix }</TitleExtra> - { headerDescription } + { description }
- - { children } - - { description } - + { children }
); }; diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/ControlTextInput.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/ControlTextInput.js index 08e6a8d11..ef597ded4 100644 --- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/ControlTextInput.js +++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/ControlTextInput.js @@ -1,8 +1,13 @@ import { TextControl } from '@wordpress/components'; -import { Action } from '../Elements'; +import { Action, Description } from '../Elements'; -const ControlTextInput = ( { value, onChange, placeholder = '' } ) => { +const ControlTextInput = ( { + value, + description, + onChange, + placeholder = '', +} ) => { return ( { value={ value } onChange={ onChange } /> + { description } ); }; diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/PaypalSettings.js b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/PaypalSettings.js index 304b38815..a8561adac 100644 --- a/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/PaypalSettings.js +++ b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/PaypalSettings.js @@ -84,7 +84,7 @@ const PaypalSettings = ( { updateFormValue, settings } ) => { { { return ( { ) } onChange={ setInvoicePrefix } value={ invoicePrefix } + description="Add a unique prefix to invoice numbers for site-specific tracking (recommended)." /> );