front/app/entities: more mock content on service page

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 <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;

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',