2a8f3fa7b9305aebc4fb8a9b47826ca749411441

Committed 13 May 2026 11:57AM UTC coverage: 34.213%. First build

Build # 2a8f3fa7b9305aebc4fb8a9b47826ca749411441

Build Type

Pull #23267

github

Committed by

web-flow

Commit Message

Merge 9f9f954ff into a9e486240

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

Coverage Stats

3216 of 10507 branches covered (30.61%)

Branch coverage included in aggregate %.

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

6114 of 16763 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";

/**
 * 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 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 classNames from "classnames";
2	import { ReactComponent as Yoast } from "../../images/yoast.svg";
3	import { __ } from "@wordpress/i18n";
4
5	/**
6	* The introduction component for the editor.
7	*
8	* @param {Object} props The component props.
9	* @param {string} props.children The children to render inside the component.
10	* @returns {JSX.Element} The editor introduction component.
11	*/
NEW 12	export const EditorIntro = ( { children } ) => {	×
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	*/
NEW 27	export const EditorIntroText = ( { withPromptForContentSuggestions, className } ) => {	×
NEW 28	return <p className={ classNames( "yst-text-slate-600 yst-my-0", className ) }>	×
29	{ withPromptForContentSuggestions ? __( "Optimize your content for discovery or get new content suggestions.", "wordpress-seo" )	×
30	: __( "Optimize your content for discovery.", "wordpress-seo" ) }
31	</p>;
32	};
33
34

Yoast / wordpress-seo / 2a8f3fa7b9305aebc4fb8a9b47826ca749411441

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