widgets/hello-dolly/render.tsx - trunk - githubmirror/gutenberg

widgets/hello-dolly/render.tsx

58 строк2 KB

Marco Ciampini

ESLint: Replace strict config with bulk suppressions (#81248)

07 авг 2026, 14:34

07 авг 2026, 14:347f43eaf

import { useMemo } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { Stack, Text, VisuallyHidden } from '@wordpress/ui';
import styles from './style.module.css';

// These are the lyrics to Hello Dolly
const DOLLY_LYRICS = [
	'Hello, Dolly',
	'Well, hello, Dolly',
	"It's so nice to have you back where you belong",
	"You're lookin' swell, Dolly",
	'I can tell, Dolly',
	"You're still glowin', you're still crowin'",
	"You're still goin' strong",
	"I feel the room swayin'",
	"While the band's playin'",
	'One of our old favorite songs from way back when',
	'So, take her wrap, fellas',
	'Dolly, never go away again',
	'Hello, Dolly',
	'Well, hello, Dolly',
	"It's so nice to have you back where you belong",
	"You're lookin' swell, Dolly",
	'I can tell, Dolly',
	"You're still glowin', you're still crowin'",
	"You're still goin' strong",
	"I feel the room swayin'",
	"While the band's playin'",
	'One of our old favorite songs from way back when',
	'So, golly, gee, fellas',
	'Have a little faith in me, fellas',
	'Dolly, never go away',
	"Promise, you'll never go away",
	"Dolly'll never go away again",
];

export default function HelloDolly() {
	// Randomly choose a line.
	const quote = useMemo( () => {
		return DOLLY_LYRICS[
			Math.floor( Math.random() * DOLLY_LYRICS.length )
		];
	}, [] );

	// Echoes and positions the chosen line of lyrics.
	return (
		<Stack align="center" justify="center" className={ styles.root }>
			<Text variant="body-xl" render={ <p /> } className={ styles.quote }>
				<VisuallyHidden render={ <span /> }>
					{ __( 'Quote from Hello Dolly song, by Jerry Herman:' ) }{ ' ' }
				</VisuallyHidden>
				<span dir="ltr" lang="en">
					{ quote }
				</span>
			</Text>
		</Stack>
	);
}