Merge pull request #86 from spotify/rugvip/mock-entity

front/app/entities: more mock content on service page
This commit is contained in:
Stefan Ålund
2020-02-07 13:08:53 +01:00
committed by GitHub
3 changed files with 19 additions and 4 deletions
+2
View File
@@ -3,6 +3,8 @@
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.9.1",
"@material-ui/icons": "^4.9.1",
"@backstage/core": "0.0.0",
"@backstage/plugin-github-actions": "0.0.0",
"@backstage/plugin-hello-world": "0.0.0",
@@ -1,9 +1,12 @@
import React, { FC } from 'react';
import { useEntityUri } from '@backstage/core';
import { Typography } from '@material-ui/core';
const MockEntityPage: FC<{}> = () => {
const uri = useEntityUri();
return <span>Mock page for {uri}, replace with some userful plugin</span>;
return (
<Typography style={{ padding: 24 }} variant="h3">
This page is intentionally left blank
</Typography>
);
};
export default MockEntityPage;
+11 -1
View File
@@ -5,6 +5,11 @@ import {
} from '@backstage/core';
import ComputerIcon from '@material-ui/icons/Computer';
import WebIcon from '@material-ui/icons/Web';
import VerifiedUserIcon from '@material-ui/icons/VerifiedUser';
import CloudIcon from '@material-ui/icons/Cloud';
import TimelineIcon from '@material-ui/icons/Timeline';
import CheckCircleIcon from '@material-ui/icons/CheckCircle';
import VpnKeyIcon from '@material-ui/icons/VpnKey';
import DnsIcon from '@material-ui/icons/Dns';
import MockEntityPage from './MockEntityPage';
import MockEntityCard from './MockEntityCard';
@@ -18,7 +23,12 @@ const serviceOverviewPage = createWidgetView()
const serviceView = createEntityPage()
.addPage('Overview', WebIcon, '/overview', serviceOverviewPage)
.register(GithubActionsPlugin)
.addComponent('Deployment', DnsIcon, '/deployment', MockEntityPage);
.addComponent('Tests', VerifiedUserIcon, '/tests', MockEntityPage)
.addComponent('Deployment', CloudIcon, '/deployment', MockEntityPage)
.addComponent('Monitoring', TimelineIcon, '/monitoring', MockEntityPage)
.addComponent('Service Levels', CheckCircleIcon, '/sla', MockEntityPage)
.addComponent('Secrets', VpnKeyIcon, '/secrets', MockEntityPage)
.addComponent('DNS', DnsIcon, '/dns', MockEntityPage);
const serviceEntity = createEntityKind({
kind: 'service',