Matt Meshulam meshulam

meshulam / foo.md

Last active April 23, 2018 18:27

meshulam / CategoryFlyout-Before.tsx

Last active April 7, 2021 18:37

CategoryFlyout demo

	export function CategoryFlyout({ visible }) {
	const classes = classNames(
	'category-flyout',
	{ 'category-flyout--visible': visible },
	);

	return (
	<div className={classes} role="dialog" aria-hidden={!visible}>
	{/* heading, links, image, etc */}
	</div>

meshulam / CategoryFlyout-After.tsx

Created April 7, 2021 18:38

	export function CategoryFlyout({ visible }) {
	+ // Always render links in the DOM for bots, for SEO purposes
	+ const renderWhenHidden = currentUser().isBot;
	+
	+ if (!visible && !renderWhenHidden) {
	+ return null;
	+ }
	+
	const classes = classNames(
	'category-flyout',