From a115bd63311f8134be0d173d8918af22052d1068 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Thu, 28 May 2020 14:26:21 +0200
Subject: [PATCH] packages/app: add mock config loader and use in welcome
 plugin

---
 packages/app/src/App.tsx                            | 12 ++++++++++++
 .../src/components/WelcomePage/WelcomePage.test.tsx | 13 +++++++++++--
 .../src/components/WelcomePage/WelcomePage.tsx      |  5 ++++-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index 56faf4402b..461d8f193b 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -29,6 +29,18 @@ import apis from './apis';
 const app = createApp({
   apis,
   plugins: Object.values(plugins),
+  configLoader: async () => ({
+    app: {
+      title: 'Backstage Example App',
+      baseUrl: 'http://localhost:3000',
+    },
+    backend: {
+      baseUrl: 'http://localhost:7000',
+    },
+    organization: {
+      name: 'Spotify',
+    },
+  }),
 });
 
 const AppProvider = app.getProvider();
diff --git a/plugins/welcome/src/components/WelcomePage/WelcomePage.test.tsx b/plugins/welcome/src/components/WelcomePage/WelcomePage.test.tsx
index 9cba76fddc..b639da9d50 100644
--- a/plugins/welcome/src/components/WelcomePage/WelcomePage.test.tsx
+++ b/plugins/welcome/src/components/WelcomePage/WelcomePage.test.tsx
@@ -19,14 +19,23 @@ import { render } from '@testing-library/react';
 import WelcomePage from './WelcomePage';
 import { ThemeProvider } from '@material-ui/core';
 import { lightTheme } from '@backstage/theme';
-import { ApiProvider, ApiRegistry, errorApiRef } from '@backstage/core';
+import {
+  ApiProvider,
+  ApiRegistry,
+  errorApiRef,
+  configApiRef,
+  ConfigReader,
+} from '@backstage/core';
 
 describe('WelcomePage', () => {
   it('should render', () => {
     // TODO: use common test app with mock implementations of all core APIs
     const rendered = render(
       <ApiProvider
-        apis={ApiRegistry.from([[errorApiRef, { post: jest.fn() }]])}
+        apis={ApiRegistry.from([
+          [errorApiRef, { post: jest.fn() }],
+          [configApiRef, new ConfigReader({})],
+        ])}
       >
         <ThemeProvider theme={lightTheme}>
           <WelcomePage />
diff --git a/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx b/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx
index 1036096ae5..6a1b0e0008 100644
--- a/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx
+++ b/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx
@@ -34,15 +34,18 @@ import {
   ContentHeader,
   SupportButton,
   WarningPanel,
+  useApi,
+  configApiRef,
 } from '@backstage/core';
 
 const WelcomePage: FC<{}> = () => {
+  const appTitle = useApi(configApiRef).getString('app.title') ?? 'Backstage';
   const profile = { givenName: '' };
 
   return (
     <Page theme={pageTheme.home}>
       <Header
-        title={`Welcome ${profile.givenName || 'to Backstage'}`}
+        title={`Welcome ${profile.givenName || `to ${appTitle}`}`}
         subtitle="Let's start building a better developer experience"
       >
         <HomepageTimer />