Rename component

[MAILPOET-2600]
This commit is contained in:
Pavel Dohnal
2020-02-26 08:57:13 +01:00
committed by Jack Kitterhing
parent 713908b6c3
commit 3f74b74ff0
2 changed files with 6 additions and 6 deletions

View File

@@ -17,7 +17,7 @@ import Notices from './notices.jsx';
import UnsavedChangesNotice from './unsaved_changes_notice.jsx'; import UnsavedChangesNotice from './unsaved_changes_notice.jsx';
import FormStyles from './form_styles.jsx'; import FormStyles from './form_styles.jsx';
import Preview from './preview.jsx'; import Preview from './preview.jsx';
import FormBackground from './form_background.jsx'; import FormStylingBackground from './form_styling_background.jsx';
// Editor settings - see @wordpress/block-editor/src/store/defaults.js // Editor settings - see @wordpress/block-editor/src/store/defaults.js
const editorSettings = { const editorSettings = {
@@ -69,14 +69,14 @@ export default () => {
<BlockEditorKeyboardShortcuts /> <BlockEditorKeyboardShortcuts />
<BlockEditorKeyboardShortcuts.Register /> <BlockEditorKeyboardShortcuts.Register />
<div className="mailpoet_form"> <div className="mailpoet_form">
<FormBackground> <FormStylingBackground>
<WritingFlow> <WritingFlow>
<ObserveTyping> <ObserveTyping>
<FormTitle /> <FormTitle />
<BlockList /> <BlockList />
</ObserveTyping> </ObserveTyping>
</WritingFlow> </WritingFlow>
</FormBackground> </FormStylingBackground>
</div> </div>
</BlockSelectionClearer> </BlockSelectionClearer>
</div> </div>

View File

@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { useSelect } from '@wordpress/data'; import { useSelect } from '@wordpress/data';
const FormBackground = ({ children }) => { const FormStylingBackground = ({ children }) => {
const { fontColor, backgroundColor } = useSelect( const { fontColor, backgroundColor } = useSelect(
(select) => { (select) => {
const settings = select('mailpoet-form-editor').getFormSettings(); const settings = select('mailpoet-form-editor').getFormSettings();
@@ -20,8 +20,8 @@ const FormBackground = ({ children }) => {
); );
}; };
FormBackground.propTypes = { FormStylingBackground.propTypes = {
children: PropTypes.node.isRequired, children: PropTypes.node.isRequired,
}; };
export default FormBackground; export default FormStylingBackground;