From 5ead870b44aeebf100c9ba6c185664fe49e5a298 Mon Sep 17 00:00:00 2001
From: Raghunandan <soapraj@gmail.com>
Date: Fri, 17 Jul 2020 14:26:21 +0200
Subject: [PATCH] Add config api to storybook

---
 packages/app/src/App.tsx                          | 4 ++--
 packages/core/src/layout/Sidebar/UserSettings.tsx | 4 ++--
 packages/storybook/.storybook/apis.js             | 4 ++++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index 497b016c5c..9e9ca1edd0 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -34,8 +34,8 @@ const app = createApp({
   components: {
     SignInPage: props => {
       const configApi = useApi(configApiRef);
-      const providersConfig = configApi.getConfig('auth.providers');
-      const providers = providersConfig.keys();
+      const providersConfig = configApi.getOptionalConfig('auth.providers');
+      const providers = providersConfig?.keys() ?? [];
 
       return <SignInPage {...props} providers={['guest', ...providers]} />;
     },
diff --git a/packages/core/src/layout/Sidebar/UserSettings.tsx b/packages/core/src/layout/Sidebar/UserSettings.tsx
index 98362a6b9a..e69d63186d 100644
--- a/packages/core/src/layout/Sidebar/UserSettings.tsx
+++ b/packages/core/src/layout/Sidebar/UserSettings.tsx
@@ -41,8 +41,8 @@ export function SidebarUserSettings() {
   const [open, setOpen] = React.useState(false);
   const identityApi = useApi(identityApiRef);
   const configApi = useApi(configApiRef);
-  const providersConfig = configApi.getConfig('auth.providers');
-  const providers = providersConfig.keys();
+  const providersConfig = configApi.getOptionalConfig('auth.providers');
+  const providers = providersConfig?.keys() ?? [];
 
   // Close the provider list when sidebar collapse
   useEffect(() => {
diff --git a/packages/storybook/.storybook/apis.js b/packages/storybook/.storybook/apis.js
index f4b7557b89..051d95de05 100644
--- a/packages/storybook/.storybook/apis.js
+++ b/packages/storybook/.storybook/apis.js
@@ -18,10 +18,14 @@ import {
   OAuthRequestManager,
   OktaAuth,
   oktaAuthApiRef,
+  configApiRef,
+  ConfigReader,
 } from '@backstage/core';
 
 const builder = ApiRegistry.builder();
 
+builder.add(configApiRef, ConfigReader.fromConfigs([]));
+
 const alertApi = builder.add(alertApiRef, new AlertApiForwarder());
 
 builder.add(errorApiRef, new ErrorAlerter(alertApi, new ErrorApiForwarder()));