From bcf312fa52834d122aaca94d1e6f33a8d1a0c8e2 Mon Sep 17 00:00:00 2001
From: Andre Wanlin <awanlin@rapidrtc.com>
Date: Wed, 1 Sep 2021 07:54:10 -0500
Subject: [PATCH] Added the HomepageTimer to the new composable Home Page

Signed-off-by: Andre Wanlin <awanlin@rapidrtc.com>
---
 .changeset/late-mangos-allow.md                       |  5 +++++
 .../home/src/components/HomepageCompositionRoot.tsx   | 11 +++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/late-mangos-allow.md

diff --git a/.changeset/late-mangos-allow.md b/.changeset/late-mangos-allow.md
new file mode 100644
index 0000000000..82a180c836
--- /dev/null
+++ b/.changeset/late-mangos-allow.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-home': patch
+---
+
+Added the HomepageTimer to the new composable Home Page
diff --git a/plugins/home/src/components/HomepageCompositionRoot.tsx b/plugins/home/src/components/HomepageCompositionRoot.tsx
index 92232fb387..a6e4f482f8 100644
--- a/plugins/home/src/components/HomepageCompositionRoot.tsx
+++ b/plugins/home/src/components/HomepageCompositionRoot.tsx
@@ -16,7 +16,12 @@
 
 import React, { ReactNode } from 'react';
 import { useOutlet } from 'react-router';
-import { Content, Header, Page } from '@backstage/core-components';
+import {
+  Content,
+  Header,
+  Page,
+  HomepageTimer,
+} from '@backstage/core-components';
 
 export const HomepageCompositionRoot = (props: {
   title?: string;
@@ -26,7 +31,9 @@ export const HomepageCompositionRoot = (props: {
   const children = props.children ?? outlet;
   return (
     <Page themeId="home">
-      <Header title={props.title ?? 'Home'} />
+      <Header title={props.title ?? 'Home'}>
+        <HomepageTimer />
+      </Header>
       <Content>{children}</Content>
     </Page>
   );