From fa708d6572098446e277c3ed2e1b5d3c372090df Mon Sep 17 00:00:00 2001
From: David Sykes <davidjsykes@gmail.com>
Date: Thu, 30 Jul 2020 11:19:12 +0100
Subject: [PATCH] TechDocsNotFound now uses ErrorPage from core with an
 optional docPath parameter

---
 .../reader/components/TechDocsNotFound.tsx    | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/plugins/techdocs/src/reader/components/TechDocsNotFound.tsx b/plugins/techdocs/src/reader/components/TechDocsNotFound.tsx
index 2a961b5bc0..7f50a2861e 100644
--- a/plugins/techdocs/src/reader/components/TechDocsNotFound.tsx
+++ b/plugins/techdocs/src/reader/components/TechDocsNotFound.tsx
@@ -15,20 +15,16 @@
  */
 
 import React from 'react';
-import { Typography, Button } from '@material-ui/core';
-import { TechDocsPageWrapper } from './TechDocsPageWrapper';
+import { ErrorPage } from '@backstage/core';
 
 export const TechDocsNotFound = () => {
   return (
-    <TechDocsPageWrapper
-      title="Documentation"
-      subtitle="Documentation available in Backstage"
-    >
-      <Typography>Error: Documentation not found</Typography>
-      <Typography>Path: {window.location.pathname}</Typography>
-      <Button color="primary" onClick={() => window.history.back()}>
-        Go back
-      </Button>
-    </TechDocsPageWrapper>
+    <div>
+      <ErrorPage
+        status="404"
+        statusMessage="Documentation not found"
+        docPath={window.location.pathname}
+      />
+    </div>
   );
 };