From d10a39b4b864bc45ae8ab723a6f11685b5b0d18b Mon Sep 17 00:00:00 2001
From: Vincenzo Scamporlino <vincenzos@spotify.com>
Date: Fri, 6 Oct 2023 10:10:13 +0200
Subject: [PATCH] user-settings: add providerSettings extension data

Signed-off-by: Vincenzo Scamporlino <vincenzos@spotify.com>
---
 plugins/user-settings/src/alpha.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/plugins/user-settings/src/alpha.tsx b/plugins/user-settings/src/alpha.tsx
index 5ae098184a..7e21ae057f 100644
--- a/plugins/user-settings/src/alpha.tsx
+++ b/plugins/user-settings/src/alpha.tsx
@@ -1,5 +1,7 @@
 import { createRouteRef } from '@backstage/core-plugin-api';
 import {
+  createExtensionDataRef,
+  createExtensionInput,
   createPageExtension,
   createPlugin,
 } from '@backstage/frontend-plugin-api';
@@ -27,12 +29,27 @@ export const userSettingsRouteRef = createRouteRef({
   id: 'plugin.user-settings.page',
 });
 
+export const userSettingsProviderSettingsExtensionData =
+  createExtensionDataRef<JSX.Element>(
+    'plugin.user-settings.page.providerSettings',
+  );
+
 export const UserSettingsPage = createPageExtension({
   id: 'plugin.user-settings.page',
   defaultPath: '/settings/*',
   routeRef: userSettingsRouteRef,
-  loader: () =>
-    import('./components/SettingsPage').then(m => <m.SettingsPage />),
+  inputs: {
+    providerSettings: createExtensionInput(
+      {
+        component: userSettingsProviderSettingsExtensionData,
+      },
+      { singleton: true },
+    ),
+  },
+  loader: ({ inputs }) =>
+    import('./components/SettingsPage').then(m => (
+      <m.SettingsPage providerSettings={inputs.providerSettings.component} />
+    )),
 });
 
 export default createPlugin({