From 0c927cab64f0306659c57271cbf70c791900db07 Mon Sep 17 00:00:00 2001
From: Renan Mendes Carvalho <aitherios@gmail.com>
Date: Fri, 22 Sep 2023 09:53:02 +0200
Subject: [PATCH] feature(app): Adds TopVisited and RecentlyVisited to homepage

This patch adds TopVisited and RecentlyVisited to the homepage example
accessible in http://localhost:3000/home when running yarn dev

Signed-off-by: Renan Mendes Carvalho <aitherios@gmail.com>
---
 packages/app/src/App.tsx                      | 3 ++-
 packages/app/src/components/home/HomePage.tsx | 4 ++++
 packages/app/src/plugins.ts                   | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index a0a6419328..f2b7d66b21 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -61,7 +61,7 @@ import {
 import { orgPlugin } from '@backstage/plugin-org';
 import { ExplorePage } from '@backstage/plugin-explore';
 import { GcpProjectsPage } from '@backstage/plugin-gcp-projects';
-import { HomepageCompositionRoot } from '@backstage/plugin-home';
+import { HomepageCompositionRoot, VisitListener } from '@backstage/plugin-home';
 import { LighthousePage } from '@backstage/plugin-lighthouse';
 import { NewRelicPage } from '@backstage/plugin-newrelic';
 import { NextScaffolderPage } from '@backstage/plugin-scaffolder/alpha';
@@ -330,6 +330,7 @@ export default app.createRoot(
     <AlertDisplay transientTimeoutMs={2500} />
     <OAuthRequestDialog />
     <AppRouter>
+      <VisitListener />
       <Root extensionTree={extensionTree}>{routes}</Root>
     </AppRouter>
   </>,
diff --git a/packages/app/src/components/home/HomePage.tsx b/packages/app/src/components/home/HomePage.tsx
index a8ddc0e0e2..5940b0ac6c 100644
--- a/packages/app/src/components/home/HomePage.tsx
+++ b/packages/app/src/components/home/HomePage.tsx
@@ -22,6 +22,8 @@ import {
   HomePageRandomJoke,
   HomePageStarredEntities,
   HomePageToolkit,
+  HomePageTopVisited,
+  HomePageRecentlyVisited,
   WelcomeTitle,
 } from '@backstage/plugin-home';
 import { Content, Header, Page } from '@backstage/core-components';
@@ -111,6 +113,8 @@ export const homePage = (
             },
           ]}
         />
+        <HomePageTopVisited />
+        <HomePageRecentlyVisited />
       </CustomHomepageGrid>
     </Content>
   </Page>
diff --git a/packages/app/src/plugins.ts b/packages/app/src/plugins.ts
index a1e952a07c..36f7a86acc 100644
--- a/packages/app/src/plugins.ts
+++ b/packages/app/src/plugins.ts
@@ -18,3 +18,4 @@
 //               ideally we have an API for the context menu that permits that.
 export { badgesPlugin } from '@backstage/plugin-badges';
 export { shortcutsPlugin } from '@backstage/plugin-shortcuts';
+export { homePlugin } from '@backstage/plugin-home';