DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
28 lines
720 B
Text
28 lines
720 B
Text
/**
|
|
* @license
|
|
* Copyright 2021 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {FunctionComponent} from 'preact';
|
|
|
|
import {renderCategoryScore} from '../../../report/renderer/api';
|
|
import {useExternalRenderer} from '../util';
|
|
|
|
export const CategoryScore: FunctionComponent<{
|
|
category: LH.ReportResult.Category,
|
|
href: string,
|
|
gatherMode: LH.Result.GatherMode,
|
|
}> = ({category, href, gatherMode}) => {
|
|
const ref = useExternalRenderer<HTMLDivElement>(() => {
|
|
return renderCategoryScore(category, {
|
|
gatherMode,
|
|
omitLabel: true,
|
|
onPageAnchorRendered: link => link.href = href,
|
|
});
|
|
}, [category, href]);
|
|
|
|
return (
|
|
<div ref={ref} data-testid="CategoryScore"/>
|
|
);
|
|
};
|