e710396b66be7c657f84652fbb9cf9bb4cca44fa

Committed 13 May 2026 02:05PM UTC coverage: 34.299%. First build

Build # e710396b66be7c657f84652fbb9cf9bb4cca44fa

Build Type

Pull #23267

github

Committed by

web-flow

Commit Message

Merge 54fb45963 into b17f347fb

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

Coverage Stats

3225 of 10507 branches covered (30.69%)

Branch coverage included in aggregate %.

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

6124 of 16750 relevant lines covered (36.56%)

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

Yoast / wordpress-seo / e710396b66be7c657f84652fbb9cf9bb4cca44fa

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