From 8049538eb1093b1318524bedd7cdbd8e0a5a19e9 Mon Sep 17 00:00:00 2001
From: Emma Indal <emma.indahl@gmail.com>
Date: Fri, 25 Feb 2022 14:23:49 +0100
Subject: [PATCH] TechDocsIndexPage to fall back to DefaultTechDocsHome as
 LegacyTechDocsHome is deprecated

Signed-off-by: Emma Indal <emma.indahl@gmail.com>
---
 packages/app/src/App.tsx                                     | 4 +---
 .../templates/default-app/packages/app/src/App.tsx           | 5 +----
 plugins/techdocs/src/home/components/DefaultTechDocsHome.tsx | 5 +++++
 plugins/techdocs/src/home/components/TechDocsIndexPage.tsx   | 4 ++--
 plugins/techdocs/src/index.ts                                | 1 -
 5 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index 345915189a..f6d47c82f8 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -169,9 +169,7 @@ const routes = (
         />
       }
     />
-    <Route path="/docs" element={<TechDocsIndexPage />}>
-      <DefaultTechDocsHome />
-    </Route>
+    <Route path="/docs" element={<TechDocsIndexPage />} />
     <Route
       path="/docs/:namespace/:kind/:name/*"
       element={<TechDocsReaderPage />}
diff --git a/packages/create-app/templates/default-app/packages/app/src/App.tsx b/packages/create-app/templates/default-app/packages/app/src/App.tsx
index 9b6518620d..6f00993273 100644
--- a/packages/create-app/templates/default-app/packages/app/src/App.tsx
+++ b/packages/create-app/templates/default-app/packages/app/src/App.tsx
@@ -15,7 +15,6 @@ import { orgPlugin } from '@backstage/plugin-org';
 import { SearchPage } from '@backstage/plugin-search';
 import { TechRadarPage } from '@backstage/plugin-tech-radar';
 import {
-  DefaultTechDocsHome,
   TechDocsIndexPage,
   techdocsPlugin,
   TechDocsReaderPage,
@@ -65,9 +64,7 @@ const routes = (
     >
       {entityPage}
     </Route>
-    <Route path="/docs" element={<TechDocsIndexPage />}>
-      <DefaultTechDocsHome />
-    </Route>
+    <Route path="/docs" element={<TechDocsIndexPage />} />
     <Route
       path="/docs/:namespace/:kind/:name/*"
       element={<TechDocsReaderPage />}
diff --git a/plugins/techdocs/src/home/components/DefaultTechDocsHome.tsx b/plugins/techdocs/src/home/components/DefaultTechDocsHome.tsx
index 750b1d89bc..4dcff501ed 100644
--- a/plugins/techdocs/src/home/components/DefaultTechDocsHome.tsx
+++ b/plugins/techdocs/src/home/components/DefaultTechDocsHome.tsx
@@ -49,6 +49,11 @@ export type DefaultTechDocsHomeProps = {
   actions?: TableProps<DocsTableRow>['actions'];
 };
 
+/**
+ * Component which renders a default documentation landing page.
+ *
+ * @public
+ */
 export const DefaultTechDocsHome = (props: DefaultTechDocsHomeProps) => {
   const { initialFilter = 'all', columns, actions } = props;
   return (
diff --git a/plugins/techdocs/src/home/components/TechDocsIndexPage.tsx b/plugins/techdocs/src/home/components/TechDocsIndexPage.tsx
index ff694d3570..4467baf2a1 100644
--- a/plugins/techdocs/src/home/components/TechDocsIndexPage.tsx
+++ b/plugins/techdocs/src/home/components/TechDocsIndexPage.tsx
@@ -16,10 +16,10 @@
 
 import React from 'react';
 import { useOutlet } from 'react-router';
-import { LegacyTechDocsHome } from './LegacyTechDocsHome';
+import { DefaultTechDocsHome } from './DefaultTechDocsHome';
 
 export const TechDocsIndexPage = () => {
   const outlet = useOutlet();
 
-  return outlet || <LegacyTechDocsHome />;
+  return outlet || <DefaultTechDocsHome />;
 };
diff --git a/plugins/techdocs/src/index.ts b/plugins/techdocs/src/index.ts
index 400874ada7..e43d7400ee 100644
--- a/plugins/techdocs/src/index.ts
+++ b/plugins/techdocs/src/index.ts
@@ -28,7 +28,6 @@ export * from './search';
 export * from './home';
 export {
   EntityTechdocsContent,
-  DefaultTechDocsHome,
   TechDocsCustomHome,
   TechDocsIndexPage,
   TechdocsPage,