a34176f135d594627379c910ea966a0bcb583160

Committed 13 May 2026 11:07AM UTC coverage: 34.197%. First build

Build # a34176f135d594627379c910ea966a0bcb583160

Build Type

Pull #23267

github

Committed by

web-flow

Commit Message

Merge b01e53ea5 into a9e486240

Pull Request Pull Request #23267: feat: restore EditorIntro section in classic and Elementor editors

Coverage Stats

3216 of 10519 branches covered (30.57%)

Branch coverage included in aggregate %.

0 of 4 new or added lines in 1 file covered. (0.0%)

6114 of 16764 relevant lines covered (36.47%)

9.17 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/packages/js/src/components/EditorIntro.js

import classNames from "classnames";
import { ReactComponent as Yoast } from "../../images/yoast.svg";
import { __ } from "@wordpress/i18n";

/**
 * Editor intro text.
 *
 * @param {Object} props The component props.
 * @param {boolean} props.withPromptForContentSuggestions Whether to show the prompt for content suggestions.
 * @param {string} props.className Additional class names to apply to the component.
 * @returns {JSX.Element} The editor introduction text component.
 */
export const EditorIntroText = ( { withPromptForContentSuggestions, className } ) => {
        return <p className={ classNames( "yst-text-slate-600 yst-my-3", className ) }>
                { withPromptForContentSuggestions ? __( "Optimize your content for discovery or get new content suggestions.", "wordpress-seo" )
                        : __( "Optimize your content for discovery.", "wordpress-seo" ) }
        </p>;
};

/**
 * The introduction component for the editor.
 *
 * @param {Object} props The component props.
 * @param {string} props.children The children to render inside the component.
 * @returns {JSX.Element} The editor introduction component.
 */
export const EditorIntro = ( { children } ) => {
        return <div className="yst-p-4">
                <Yoast className="yst-w-14 yst-text-primary-500" />
                { children }
        </div>;
};



1	import classNames from "classnames";
2	import { ReactComponent as Yoast } from "../../images/yoast.svg";
3	import { __ } from "@wordpress/i18n";
4
5	/**
6	* Editor intro text.
7	*
8	* @param {Object} props The component props.
9	* @param {boolean} props.withPromptForContentSuggestions Whether to show the prompt for content suggestions.
10	* @param {string} props.className Additional class names to apply to the component.
11	* @returns {JSX.Element} The editor introduction text component.
12	*/
NEW 13	export const EditorIntroText = ( { withPromptForContentSuggestions, className } ) => {	×
NEW 14	return <p className={ classNames( "yst-text-slate-600 yst-my-3", className ) }>	×
15	{ withPromptForContentSuggestions ? __( "Optimize your content for discovery or get new content suggestions.", "wordpress-seo" )	×
16	: __( "Optimize your content for discovery.", "wordpress-seo" ) }
17	</p>;
18	};
19
20	/**
21	* The introduction component for the editor.
22	*
23	* @param {Object} props The component props.
24	* @param {string} props.children The children to render inside the component.
25	* @returns {JSX.Element} The editor introduction component.
26	*/
NEW 27	export const EditorIntro = ( { children } ) => {	×
NEW 28	return <div className="yst-p-4">	×
29	<Yoast className="yst-w-14 yst-text-primary-500" />
30	{ children }
31	</div>;
32	};
33
34

Yoast / wordpress-seo / a34176f135d594627379c910ea966a0bcb583160

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous