From 652732a6eafb59f82372f9bc9899a798cd098891 Mon Sep 17 00:00:00 2001 From: Patrik Oldsberg Date: Fri, 7 Feb 2020 12:49:11 +0100 Subject: [PATCH 1/2] front/app/entities: more mock content on service page --- .../packages/app/src/entities/MockEntityPage.tsx | 9 ++++++--- frontend/packages/app/src/entities/index.ts | 12 +++++++++++- 2 files changed, 17 insertions(+), 4 deletions(-) diff --git a/frontend/packages/app/src/entities/MockEntityPage.tsx b/frontend/packages/app/src/entities/MockEntityPage.tsx index 091906f31a..db7fbb4c9f 100644 --- a/frontend/packages/app/src/entities/MockEntityPage.tsx +++ b/frontend/packages/app/src/entities/MockEntityPage.tsx @@ -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 Mock page for {uri}, replace with some userful plugin; + return ( + + This page is intentionally left blank + + ); }; export default MockEntityPage; diff --git a/frontend/packages/app/src/entities/index.ts b/frontend/packages/app/src/entities/index.ts index 01f4105902..4fa2254ee2 100644 --- a/frontend/packages/app/src/entities/index.ts +++ b/frontend/packages/app/src/entities/index.ts @@ -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', From 05d82143a698ac8715efe056dd6f8672b61edbae Mon Sep 17 00:00:00 2001 From: Patrik Oldsberg Date: Fri, 7 Feb 2020 12:49:22 +0100 Subject: [PATCH 2/2] front/core: add material-ui to deps --- frontend/packages/app/package.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/frontend/packages/app/package.json b/frontend/packages/app/package.json index 55f747560a..44c5c1f4a4 100644 --- a/frontend/packages/app/package.json +++ b/frontend/packages/app/package.json @@ -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",