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

sonarqube: port to new composability API

Browse Source
This commit is contained in:
Patrik Oldsberg
2021-02-01 19:02:45 +01:00
parent 5efc24a57c
commit 35efaf5c05
6 changed files with 72 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/sonarqube/dev/index.tsx
+48 -56
View File
@@ -22,14 +22,60 @@ import {
Header,
Page,
} from '@backstage/core';
import { createDevApp } from '@backstage/dev-utils';
import { createDevApp, EntityGridItem } from '@backstage/dev-utils';
import { Grid } from '@material-ui/core';
import React from 'react';
import { SonarQubeCard } from '../src';
import { EntitySonarQubeCard, sonarQubePlugin } from '../src';
import { FindingSummary, SonarQubeApi, sonarQubeApiRef } from '../src/api';
import { SONARQUBE_PROJECT_KEY_ANNOTATION } from '../src/components/useProjectKey';
const entity = (name?: string) =>
({
apiVersion: 'backstage.io/v1alpha1',
kind: 'Component',
metadata: {
annotations: {
[SONARQUBE_PROJECT_KEY_ANNOTATION]: name,
},
name: name,
},
} as Entity);
createDevApp()
.registerPlugin(sonarQubePlugin)
.addPage({
title: 'Cards',
element: (
<Page themeId="home">
<Header title="SonarQube" />
<Content>
<Grid container>
<EntityGridItem xs={12} md={6} entity={entity('empty')}>
<EntitySonarQubeCard />
</EntityGridItem>
<EntityGridItem xs={12} md={6} entity={entity('error')}>
<EntitySonarQubeCard />
</EntityGridItem>
<EntityGridItem xs={12} md={6} entity={entity('never')}>
<EntitySonarQubeCard />
</EntityGridItem>
<EntityGridItem xs={12} md={6} entity={entity('not-computed')}>
<EntitySonarQubeCard />
</EntityGridItem>
<EntityGridItem xs={12} md={6} entity={entity('failed')}>
<EntitySonarQubeCard />
</EntityGridItem>
<EntityGridItem xs={12} md={6} entity={entity('passed')}>
<EntitySonarQubeCard />
</EntityGridItem>
<EntityGridItem xs={12} entity={entity(undefined)}>
<EntitySonarQubeCard />
</EntityGridItem>
</Grid>
</Content>
</Page>
),
})
.registerApi({
api: sonarQubeApiRef,
deps: {},
@@ -114,58 +160,4 @@ createDevApp()
},
} as SonarQubeApi),
})
.registerPlugin(
createPlugin({
id: 'defectdojo-demo',
register({ router }) {
const entity = (name?: string) =>
({
apiVersion: 'backstage.io/v1alpha1',
kind: 'Component',
metadata: {
annotations: {
[SONARQUBE_PROJECT_KEY_ANNOTATION]: name,
},
name: name,
},
} as Entity);
const ExamplePage = () => (
<Page themeId="home">
<Header title="SonarQube" />
<Content>
<Grid container>
<Grid item xs={12} sm={6} md={4}>
<SonarQubeCard entity={entity('empty')} />
</Grid>
<Grid item xs={12} sm={6} md={4}>
<SonarQubeCard entity={entity('error')} />
</Grid>
<Grid item xs={12} sm={6} md={4}>
<SonarQubeCard entity={entity('never')} />
</Grid>
<Grid item xs={12} sm={6} md={4}>
<SonarQubeCard entity={entity('not-computed')} />
</Grid>
<Grid item xs={12} sm={6} md={4}>
<SonarQubeCard entity={entity('failed')} />
</Grid>
<Grid item xs={12} sm={6} md={4}>
<SonarQubeCard entity={entity('passed')} />
</Grid>
<Grid item xs={12}>
<SonarQubeCard entity={entity(undefined)} />
</Grid>
</Grid>
</Content>
</Page>
);
router.addRoute(
createRouteRef({ path: '/', title: 'SonarQube' }),
ExamplePage,
);
},
}),
)
.render();