paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 42 Packages Projects Releases Wiki Activity

Update Lighthouse plugin README

Browse Source 
Add instructions for integration with the catalog.
This commit is contained in:
Iain Billett
2020-10-04 13:49:58 +01:00
parent 5b52d983e3
commit 79379097f7
2 changed files with 74 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/lighthouse/src/components/Cards/LastLighthouseAuditCard.tsx
+11 -4
View File
@@ -62,7 +62,10 @@ const LighthouseAuditStatus: FC<{ audit: Audit }> = ({ audit }) => (
</>
);
const LighthouseAuditSummary: FC<{ audit: Audit }> = ({ audit }) => {
const LighthouseAuditSummary: FC<{ audit: Audit; dense?: boolean }> = ({
audit,
dense = false,
}) => {
const { url } = audit;
const flattenedCategoryData: Record<string, React.ReactNode> = {};
if (audit.status === 'COMPLETED') {
@@ -82,10 +85,12 @@ const LighthouseAuditSummary: FC<{ audit: Audit }> = ({ audit }) => {
...flattenedCategoryData,
};
return <StructuredMetadataTable metadata={tableData} />;
return <StructuredMetadataTable metadata={tableData} dense={dense} />;
};
export const LastLighthouseAuditCard: FC<{}> = () => {
export const LastLighthouseAuditCard: FC<{ dense?: boolean }> = ({
dense = false,
}) => {
const { value: website, loading, error } = useWebsiteForEntity();
let content;
@@ -96,7 +101,9 @@ export const LastLighthouseAuditCard: FC<{}> = () => {
content = null;
}
if (website) {
content = <LighthouseAuditSummary audit={website.lastAudit} />;
content = (
<LighthouseAuditSummary audit={website.lastAudit} dense={dense} />
);
}
return <InfoCard title="Lighthouse Audit">{content}</InfoCard>;
};