b3c09a172b146f894b47a5b28eaed61704b473a7

Committed 12 Apr 2024 07:56AM UTC coverage: 52.151% (-4.3%) from 56.467%

Build # b3c09a172b146f894b47a5b28eaed61704b473a7

Build Type

push

github

Committed by

mhkuu

Commit Message

Merge branch 'trunk' of github.com:Yoast/wordpress-seo into feature/lingo-fixes

Run Details

7551 of 13889 branches covered (54.37%)

Branch coverage included in aggregate %.

135 of 209 new or added lines in 53 files covered. (64.59%)

1 existing line in 1 file now uncovered.

28387 of 55023 relevant lines covered (51.59%)

40824.96 hits per line

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

0.0

/packages/js/src/components/modals/editorModals/SearchAppearanceModal.js

/* External dependencies */
import { SearchIcon } from "@heroicons/react/solid";
import { useSelect } from "@wordpress/data";
import { __ } from "@wordpress/i18n";
import { useSvgAria } from "@yoast/ui-library/src";
import styled from "styled-components";

/* Internal dependencies */
import EditorModal from "../../../containers/EditorModal";
import BlockEditorSnippetEditor from "../../../containers/SnippetEditor";
import ElementorSnippetEditor from "../../../elementor/containers/SnippetEditor";

const StyledHeroIcon = styled( SearchIcon )`
        width: 18px;
        height: 18px;
        margin: 3px;
`;

/**
 * The Search Appearance Modal.
 *
 * @returns {JSX.Element} The Search Appearance Modal.
 */
const SearchAppearanceModal = () => {
        const svgAriaProps = useSvgAria();
        const isElementorEditor = useSelect( select => select( "yoast-seo/editor" ).getIsElementorEditor(), [] );

        return (
                <EditorModal
                        title={ __( "Search appearance", "wordpress-seo" ) }
                        id="yoast-search-appearance-modal"
                        shouldCloseOnClickOutside={ false }
                        SuffixHeroIcon={ <StyledHeroIcon className="yst-text-slate-500" { ...svgAriaProps } /> }
                >
                        { isElementorEditor === true && <ElementorSnippetEditor showCloseButton={ false } hasPaperStyle={ false } /> }
                        { isElementorEditor === false && <BlockEditorSnippetEditor showCloseButton={ false } hasPaperStyle={ false } /> }
                </EditorModal>
        );
};

export default SearchAppearanceModal;

1	/* External dependencies */
2	import { SearchIcon } from "@heroicons/react/solid";
3	import { useSelect } from "@wordpress/data";
4	import { __ } from "@wordpress/i18n";
5	import { useSvgAria } from "@yoast/ui-library/src";
6	import styled from "styled-components";
7
8	/* Internal dependencies */
9	import EditorModal from "../../../containers/EditorModal";
10	import BlockEditorSnippetEditor from "../../../containers/SnippetEditor";
11	import ElementorSnippetEditor from "../../../elementor/containers/SnippetEditor";
12
13	const StyledHeroIcon = styled( SearchIcon )`	×
14	width: 18px;
15	height: 18px;
16	margin: 3px;
17	`;
18
19	/**
20	* The Search Appearance Modal.
21	*
22	* @returns {JSX.Element} The Search Appearance Modal.
23	*/
24	const SearchAppearanceModal = () => {	×
25	const svgAriaProps = useSvgAria();	×
NEW 26	const isElementorEditor = useSelect( select => select( "yoast-seo/editor" ).getIsElementorEditor(), [] );	×
27
28	return (	×
29	<EditorModal
30	title={ __( "Search appearance", "wordpress-seo" ) }
31	id="yoast-search-appearance-modal"
32	shouldCloseOnClickOutside={ false }
33	SuffixHeroIcon={ <StyledHeroIcon className="yst-text-slate-500" { ...svgAriaProps } /> }
34	>
35	{ isElementorEditor === true && <ElementorSnippetEditor showCloseButton={ false } hasPaperStyle={ false } /> }	×
36	{ isElementorEditor === false && <BlockEditorSnippetEditor showCloseButton={ false } hasPaperStyle={ false } /> }	×
37	</EditorModal>
38	);
39	};
40
41	export default SearchAppearanceModal;

Yoast / wordpress-seo / b3c09a172b146f894b47a5b28eaed61704b473a7

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