30c6b14cf72bf2df4c2ac8a578b09d5053a0b516

Committed 14 Jul 2025 08:34AM UTC coverage: 53.548% (+0.1%) from 53.412%

Build # 30c6b14cf72bf2df4c2ac8a578b09d5053a0b516

Build Type

Pull #22356

github

Committed by

kyrylo-polozenko-newfold

Commit Message

fix: lint js

Pull Request Pull Request #22356: Feature/get redirects

Run Details

8217 of 14316 branches covered (57.4%)

Branch coverage included in aggregate %.

1 of 23 new or added lines in 9 files covered. (4.35%)

105 existing lines in 8 files now uncovered.

30345 of 57698 relevant lines covered (52.59%)

41381.79 hits per line

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

0.0

/packages/js/src/redirects/components/route-layout.js

import { __, sprintf } from "@wordpress/i18n";
import { Button, Title } from "@yoast/ui-library";
import PropTypes from "prop-types";
import { LiveAnnouncer, LiveMessage } from "react-aria-live";
import { Helmet } from "react-helmet";
import { useSelectRedirects } from "../hooks";
import { LockClosedIcon } from "@heroicons/react/outline";

/**
 * Route layout wrapper with accessible title and description.
 * @param {Object} props The properties.
 * @param {JSX.node} children The children.
 * @param {string} title The title.
 * @param {JSX.node} [description] The description.
 * @returns {JSX.Element} The route layout component.
 */
export const RouteLayout = ( {
        children,
        title,
        description,
} ) => {
        const ariaLiveTitle = sprintf(
                /* translators: 1: Redirects' section title, 2: Yoast SEO */
                __( "%1$s Redirects - %2$s", "wordpress-seo" ),
                title,
                "Yoast SEO"
        );

        const upsellLink = useSelectRedirects( "selectLink", [], "https://yoa.st/redirect-manager-upsell" );

        return (
                <LiveAnnouncer>
                        <LiveMessage message={ ariaLiveTitle } aria-live="polite" />
                        <Helmet>
                                <title>{ ariaLiveTitle }</title>
                        </Helmet>
                        <header className="yst-p-8 yst-border-b yst-border-slate-200">
                                <div className="yst-max-w-screen-sm">
                                        <Title>{ title }</Title>
                                        { description && <p className="yst-text-tiny yst-mt-3">{ description }</p> }
                                        <Button
                                                as="a"
                                                href={ upsellLink }
                                                target="_blank"
                                                variant="upsell"
                                                size="large"
                                                className="yst-flex yst-gap-1.5 yst-mt-6 yst-w-fit"
                                        >
                                                <LockClosedIcon className="yst-w-4 yst-h-4" />
                                                <span>{ __( "Unlock with Premium", "wordpress-seo" ) }</span>
                                        </Button>
                                </div>
                        </header>
                        { children }
                </LiveAnnouncer>
        );
};

RouteLayout.propTypes = {
        children: PropTypes.node.isRequired,
        title: PropTypes.string.isRequired,
        description: PropTypes.node,
};

1	import { __, sprintf } from "@wordpress/i18n";
2	import { Button, Title } from "@yoast/ui-library";
3	import PropTypes from "prop-types";
4	import { LiveAnnouncer, LiveMessage } from "react-aria-live";
5	import { Helmet } from "react-helmet";
6	import { useSelectRedirects } from "../hooks";
7	import { LockClosedIcon } from "@heroicons/react/outline";
8
9	/**
10	* Route layout wrapper with accessible title and description.
11	* @param {Object} props The properties.
12	* @param {JSX.node} children The children.
13	* @param {string} title The title.
14	* @param {JSX.node} [description] The description.
15	* @returns {JSX.Element} The route layout component.
16	*/
17	export const RouteLayout = ( {	×
18	children,
19	title,
20	description,
21	} ) => {
22	const ariaLiveTitle = sprintf(	×
23	/* translators: 1: Redirects' section title, 2: Yoast SEO */
24	__( "%1$s Redirects - %2$s", "wordpress-seo" ),
25	title,
26	"Yoast SEO"
27	);
28
NEW 29	const upsellLink = useSelectRedirects( "selectLink", [], "https://yoa.st/redirect-manager-upsell" );	×
30
UNCOV 31	return (	×
32	<LiveAnnouncer>
33	<LiveMessage message={ ariaLiveTitle } aria-live="polite" />
34	<Helmet>
35	<title>{ ariaLiveTitle }</title>
36	</Helmet>
37	<header className="yst-p-8 yst-border-b yst-border-slate-200">
38	<div className="yst-max-w-screen-sm">
39	<Title>{ title }</Title>
40	{ description && <p className="yst-text-tiny yst-mt-3">{ description }</p> }	×
41	<Button
42	as="a"
43	href={ upsellLink }
44	target="_blank"
45	variant="upsell"
46	size="large"
47	className="yst-flex yst-gap-1.5 yst-mt-6 yst-w-fit"
48	>
49	<LockClosedIcon className="yst-w-4 yst-h-4" />
50	<span>{ __( "Unlock with Premium", "wordpress-seo" ) }</span>
51	</Button>
52	</div>
53	</header>
54	{ children }
55	</LiveAnnouncer>
56	);
57	};
58
59	RouteLayout.propTypes = {	×
60	children: PropTypes.node.isRequired,
61	title: PropTypes.string.isRequired,
62	description: PropTypes.node,
63	};

Yoast / wordpress-seo / 30c6b14cf72bf2df4c2ac8a578b09d5053a0b516

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