Merge pull request #9730 from backstage/emmaindal/techdocs-api-report

packages/app/src/App.tsx

@@ -65,7 +65,6 @@ import {
 import { SearchPage } from '@backstage/plugin-search';
 import { TechRadarPage } from '@backstage/plugin-tech-radar';
 import {
-  DefaultTechDocsHome,
   TechDocsIndexPage,
   techdocsPlugin,
   TechDocsReaderPage,
@@ -169,9 +168,7 @@ const routes = (
         />
       }
     />
-    <Route path="/docs" element={<TechDocsIndexPage />}>
-      <DefaultTechDocsHome />
-    </Route>
+    <Route path="/docs" element={<TechDocsIndexPage />} />
     <Route
       path="/docs/:namespace/:kind/:name/*"
       element={<TechDocsReaderPage />}

packages/app/src/components/search/SearchPage.tsx

@@ -38,7 +38,7 @@ import {
   SearchType,
   useSearch,
 } from '@backstage/plugin-search';
-import { DocsResultListItem } from '@backstage/plugin-techdocs';
+import { TechDocsSearchResultListItem } from '@backstage/plugin-techdocs';
 import { Grid, List, makeStyles, Paper, Theme } from '@material-ui/core';
 import React, { useContext } from 'react';
 
@@ -143,7 +143,7 @@ const SearchPage = () => {
                         );
                       case 'techdocs':
                         return (
-                          <DocsResultListItem
+                          <TechDocsSearchResultListItem
                             key={document.location}
                             result={document}
                           />

packages/app/src/components/techdocs/TechDocsPage.tsx

@@ -16,18 +16,18 @@
 
 import { Content } from '@backstage/core-components';
 import {
-  TechDocsPageHeader,
-  TechDocsPage,
+  TechDocsReaderPageHeader,
+  TechDocsReaderPage,
   Reader,
 } from '@backstage/plugin-techdocs';
 import React from 'react';
 
 const DefaultTechDocsPage = () => {
   return (
-    <TechDocsPage>
+    <TechDocsReaderPage>
       {({ techdocsMetadataValue, entityMetadataValue, entityRef, onReady }) => (
         <>
-          <TechDocsPageHeader
+          <TechDocsReaderPageHeader
             techDocsMetadata={techdocsMetadataValue}
             entityMetadata={entityMetadataValue}
             entityRef={entityRef}
@@ -37,7 +37,7 @@ const DefaultTechDocsPage = () => {
           </Content>
         </>
       )}
-    </TechDocsPage>
+    </TechDocsReaderPage>
   );
 };
 

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 />}

packages/create-app/templates/default-app/packages/app/src/components/search/SearchPage.tsx

@@ -6,7 +6,7 @@ import {
   catalogApiRef,
   CATALOG_FILTER_EXISTS,
 } from '@backstage/plugin-catalog-react';
-import { DocsResultListItem } from '@backstage/plugin-techdocs';
+import { TechDocsSearchResultListItem } from '@backstage/plugin-techdocs';
 
 import {
   SearchBar,
@@ -123,7 +123,7 @@ const SearchPage = () => {
                         );
                       case 'techdocs':
                         return (
-                          <DocsResultListItem
+                          <TechDocsSearchResultListItem
                             key={document.location}
                             result={document}
                           />