Remove guide and link to external site

Author: GDYendell

backstage/packages/app/src/components/Root/Root.tsx

@@ -68,7 +68,7 @@ export const Root = ({ children }: PropsWithChildren<{}>) => (
         <SidebarItem icon={CategoryIcon} to="/catalog" text="Catalog" />
         <SidebarItem
           icon={LibraryBooksIcon}
-          to="/guide"
+          to="https://dev-guide.diamond.ac.uk"
           text="Developer Guide"
         />
         {/* End global nav */}

backstage/packages/app/src/components/dev-guide/GuideDocsPage.tsx

@@ -1,18 +1,21 @@
 import { PageWithHeader } from '@backstage/core-components';
-import { TechDocsReaderPageContent } from '@backstage/plugin-techdocs';
-import { TechDocsReaderPageProvider } from '@backstage/plugin-techdocs-react';
 import React from 'react';
 
 export const DeveloperGuidePage = () => (
   <PageWithHeader title="Developer Guide" themeId="documentation">
-    <TechDocsReaderPageProvider
-      entityRef={{
-        kind: 'component',
-        namespace: 'default',
-        name: 'developer-guide',
-      }}
-    >
-      <TechDocsReaderPageContent />
-    </TechDocsReaderPageProvider>
+    <div style={{ padding: '24px' }}>
+      <h2>Developer Guide</h2>
+      <p>
+        The Developer Guide has moved to{' '}
+        <a
+          href="https://dev-guide.diamond.ac.uk"
+          target="_blank"
+          rel="noopener noreferrer"
+          style={{ color: 'blue', textDecoration: 'underline' }}
+        >
+          https://dev-guide.diamond.ac.uk
+        </a>
+      </p>
+    </div>
   </PageWithHeader>
 );

backstage/packages/app/src/components/home/HomePage.tsx

@@ -10,7 +10,6 @@ import {
   Typography,
 } from '@material-ui/core';
 import CategoryIcon from '@material-ui/icons/Category';
-import LibraryBooksIcon from '@material-ui/icons/LibraryBooks';
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 
@@ -45,37 +44,6 @@ const SoftwareCatalogCard = () => {
   );
 };
 
-const DeveloperGuideCard = () => {
-  const navigate = useNavigate();
-  const orgName =
-    useApi(configApiRef).getOptionalString('organization.name') ?? 'Backstage';
-
-  return (
-    <Card style={{ height: '100%' }}>
-      <CardActionArea onClick={() => navigate('/guide')}>
-        <CardContent>
-          <Typography variant="h5">
-            <LibraryBooksIcon /> Developer Guide
-          </Typography>
-          <Typography variant="body2">
-            Extensive documentation on developing software at {orgName}.
-            Including Tutorials, How-Tos, Explanations & References.
-          </Typography>
-        </CardContent>
-        <CardActions>
-          <Button
-            size="medium"
-            color="primary"
-            onClick={() => navigate('/guide')}
-          >
-            Visit
-          </Button>
-        </CardActions>
-      </CardActionArea>
-    </Card>
-  );
-};
-
 export const HomePage = () => {
   const orgName =
     useApi(configApiRef).getOptionalString('organization.name') ?? 'Backstage';
@@ -92,9 +60,6 @@ export const HomePage = () => {
           <Grid item xs={12} md={6} lg={4}>
             <SoftwareCatalogCard />
           </Grid>
-          <Grid item xs={12} md={6} lg={4}>
-            <DeveloperGuideCard />
-          </Grid>
         </Grid>
       </Content>
     </PageWithHeader>