b487a52334f2d363e44b3c0f392abf6d8983db33

Committed 20 May 2026 09:07AM UTC coverage: 53.879% (+0.02%) from 53.864%

Build # b487a52334f2d363e44b3c0f392abf6d8983db33

Build Type

Pull #23267

github

Committed by

web-flow

Commit Message

Merge 564145091 into e8f87791d

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

Coverage Stats

9369 of 17025 branches covered (55.03%)

Branch coverage included in aggregate %.

3 of 4 new or added lines in 1 file covered. (75.0%)

3 existing lines in 2 files now uncovered.

36567 of 68233 relevant lines covered (53.59%)

44086.11 hits per line

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

83.33

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

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

/**
 * The introduction component for the editor.
 *
 * @param {Object} props The component props.
 * @param {React.ReactNode} 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 yst-flex yst-flex-col yst-gap-3">
                <Yoast className="yst-w-14 yst-text-primary-500" />
                { children }
        </div>;
};

/**
 * 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-0", className ) }>
                { withPromptForContentSuggestions ? __( "Optimize your content for discovery or get new content suggestions.", "wordpress-seo" )
                        : __( "Optimize your content for discovery.", "wordpress-seo" ) }
        </p>;
};

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

Yoast / wordpress-seo / b487a52334f2d363e44b3c0f392abf6d8983db33

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