From 45a72eaa84d90983597a467a922e677e72e5a5f1 Mon Sep 17 00:00:00 2001
From: Adam Harvey <adam.harvey@dxc.com>
Date: Thu, 11 Feb 2021 16:15:20 -0500
Subject: [PATCH] Create new system page with diagram card

Signed-off-by: Adam Harvey <adam.harvey@dxc.com>
---
 packages/app/src/components/catalog/EntityPage.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/app/src/components/catalog/EntityPage.tsx b/packages/app/src/components/catalog/EntityPage.tsx
index fb56b40e68..1f0749bfbc 100644
--- a/packages/app/src/components/catalog/EntityPage.tsx
+++ b/packages/app/src/components/catalog/EntityPage.tsx
@@ -38,6 +38,7 @@ import {
   EntityHasSystemsCard,
   EntityLinksCard,
   EntityPageLayout,
+  SystemDiagram,
 } from '@backstage/plugin-catalog';
 import { EntityProvider, useEntity } from '@backstage/plugin-catalog-react';
 import {
@@ -441,6 +442,9 @@ const SystemOverviewContent = ({ entity }: { entity: SystemEntity }) => (
     <Grid item md={6}>
       <AboutCard entity={entity} variant="gridItem" />
     </Grid>
+    <Grid item xs={12} md={8}>
+      <SystemDiagram entity={entity} />
+    </Grid>
     <Grid item md={6}>
       <EntityHasComponentsCard variant="gridItem" />
     </Grid>
@@ -457,6 +461,11 @@ const SystemEntityPage = ({ entity }: { entity: Entity }) => (
       title="Overview"
       element={<SystemOverviewContent entity={entity as SystemEntity} />}
     />
+    <EntityPageLayout.Content
+      path="/docs/*"
+      title="Docs"
+      element={<DocsRouter entity={entity} />}
+      />
   </EntityPageLayout>
 );
 
@@ -478,6 +487,11 @@ const DomainEntityPage = ({ entity }: { entity: Entity }) => (
       title="Overview"
       element={<DomainOverviewContent entity={entity as DomainEntity} />}
     />
+    <EntityPageLayout.Content
+      path="/docs/*"
+      title="Docs"
+      element={<DocsRouter entity={entity} />}
+    />
   </EntityPageLayout>
 );