Merge pull request #86 from spotify/rugvip/mock-entity
front/app/entities: more mock content on service page
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user