From 71afed7f34b27d29be068380776acce6779d5f58 Mon Sep 17 00:00:00 2001 From: Matteo Barone Date: Thu, 24 Jun 2021 15:21:27 +0200 Subject: [PATCH 1/4] exported General component from plugin-user-setting Signed-off-by: Matteo Barone --- .changeset/nice-bugs-beg.md | 5 +++++ plugins/user-settings/api-report.md | 3 +++ plugins/user-settings/src/components/index.ts | 1 + 3 files changed, 9 insertions(+) create mode 100644 .changeset/nice-bugs-beg.md diff --git a/.changeset/nice-bugs-beg.md b/.changeset/nice-bugs-beg.md new file mode 100644 index 0000000000..3676f83538 --- /dev/null +++ b/.changeset/nice-bugs-beg.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-user-settings': patch +--- + +Exported `General` component from the plugin, to be able to use it in the consumer side and customize the `SettingPage` diff --git a/plugins/user-settings/api-report.md b/plugins/user-settings/api-report.md index 3c417f7a0b..0c76f30dbb 100644 --- a/plugins/user-settings/api-report.md +++ b/plugins/user-settings/api-report.md @@ -16,6 +16,9 @@ export const AuthProviders: ({ providerSettings }: Props_2) => JSX.Element; // @public (undocumented) export const DefaultProviderSettings: ({ configuredProviders }: Props_3) => JSX.Element; +// @public (undocumented) +export const General: () => JSX.Element; + // @public (undocumented) export const ProviderSettingsItem: ({ title, description, icon: Icon, apiRef, }: Props_4) => JSX.Element; diff --git a/plugins/user-settings/src/components/index.ts b/plugins/user-settings/src/components/index.ts index 89e6d0efad..4c3ab94d72 100644 --- a/plugins/user-settings/src/components/index.ts +++ b/plugins/user-settings/src/components/index.ts @@ -16,3 +16,4 @@ export { Settings } from './Settings'; export { SettingsPage as Router } from './SettingsPage'; export * from './AuthProviders'; +export { General } from './General'; From f435addd294f098c2e2c3d11b85f10f9deb841f7 Mon Sep 17 00:00:00 2001 From: Matteo Barone Date: Tue, 29 Jun 2021 15:03:58 +0200 Subject: [PATCH 2/4] exported and renamed all useful component for the consumer Signed-off-by: Matteo Barone --- .changeset/nice-bugs-beg.md | 2 +- plugins/user-settings/api-report.md | 31 +++++++++++++++++-- .../General/UserSettingsAppearanceCard.tsx | 29 +++++++++++++++++ .../{General.tsx => UserSettingsGeneral.tsx} | 19 ++++-------- ...est.tsx => UserSettingsPinToggle.test.tsx} | 6 ++-- ...inButton.tsx => UserSettingsPinToggle.tsx} | 2 +- ...rofile.tsx => UserSettingsProfileCard.tsx} | 6 ++-- ...vatar.tsx => UserSettingsSignInAvatar.tsx} | 2 +- ...t.tsx => UserSettingsThemeToggle.test.tsx} | 6 ++-- ...Toggle.tsx => UserSettingsThemeToggle.tsx} | 2 +- .../src/components/General/index.ts | 9 ++++-- .../src/components/SettingsPage.tsx | 4 +-- plugins/user-settings/src/components/index.ts | 3 +- 13 files changed, 87 insertions(+), 34 deletions(-) create mode 100644 plugins/user-settings/src/components/General/UserSettingsAppearanceCard.tsx rename plugins/user-settings/src/components/General/{General.tsx => UserSettingsGeneral.tsx} (65%) rename plugins/user-settings/src/components/General/{PinButton.test.tsx => UserSettingsPinToggle.test.tsx} (90%) rename plugins/user-settings/src/components/General/{PinButton.tsx => UserSettingsPinToggle.tsx} (97%) rename plugins/user-settings/src/components/General/{Profile.tsx => UserSettingsProfileCard.tsx} (90%) rename plugins/user-settings/src/components/General/{SignInAvatar.tsx => UserSettingsSignInAvatar.tsx} (95%) rename plugins/user-settings/src/components/General/{ThemeToggle.test.tsx => UserSettingsThemeToggle.test.tsx} (91%) rename plugins/user-settings/src/components/General/{ThemeToggle.tsx => UserSettingsThemeToggle.tsx} (98%) diff --git a/.changeset/nice-bugs-beg.md b/.changeset/nice-bugs-beg.md index 3676f83538..e026ddd250 100644 --- a/.changeset/nice-bugs-beg.md +++ b/.changeset/nice-bugs-beg.md @@ -2,4 +2,4 @@ '@backstage/plugin-user-settings': patch --- -Exported `General` component from the plugin, to be able to use it in the consumer side and customize the `SettingPage` +Exported and renamed components from the `@backstage/plugin-user-settings` plugin , to be able to use it in the consumer side and customize the `SettingPage` diff --git a/plugins/user-settings/api-report.md b/plugins/user-settings/api-report.md index 0c76f30dbb..9eec78b6a3 100644 --- a/plugins/user-settings/api-report.md +++ b/plugins/user-settings/api-report.md @@ -7,6 +7,7 @@ import { ApiRef } from '@backstage/core-plugin-api'; import { BackstagePlugin } from '@backstage/core-plugin-api'; import { IconComponent } from '@backstage/core-plugin-api'; +import { ProfileInfo } from '@backstage/core-plugin-api'; import { RouteRef } from '@backstage/core-plugin-api'; import { SessionApi } from '@backstage/core-plugin-api'; @@ -16,9 +17,6 @@ export const AuthProviders: ({ providerSettings }: Props_2) => JSX.Element; // @public (undocumented) export const DefaultProviderSettings: ({ configuredProviders }: Props_3) => JSX.Element; -// @public (undocumented) -export const General: () => JSX.Element; - // @public (undocumented) export const ProviderSettingsItem: ({ title, description, icon: Icon, apiRef, }: Props_4) => JSX.Element; @@ -28,11 +26,23 @@ export const Router: ({ providerSettings }: Props) => JSX.Element; // @public (undocumented) export const Settings: () => JSX.Element; +// @public (undocumented) +export const UserSettingsAppearanceCard: () => JSX.Element; + +// @public (undocumented) +export const UserSettingsGeneral: () => JSX.Element; + +// @public (undocumented) +export const UserSettingsMenu: () => JSX.Element; + // @public (undocumented) export const UserSettingsPage: ({ providerSettings }: { providerSettings?: JSX.Element | undefined; }) => JSX.Element; +// @public (undocumented) +export const UserSettingsPinToggle: () => JSX.Element; + // @public (undocumented) const userSettingsPlugin: BackstagePlugin<{ settingsPage: RouteRef; @@ -42,6 +52,21 @@ export { userSettingsPlugin as plugin } export { userSettingsPlugin } +// @public (undocumented) +export const UserSettingsProfileCard: () => JSX.Element; + +// @public (undocumented) +export const UserSettingsSignInAvatar: ({ size }: Props_5) => JSX.Element; + +// @public (undocumented) +export const UserSettingsThemeToggle: () => JSX.Element; + +// @public (undocumented) +export const useUserProfile: () => { + profile: ProfileInfo; + displayName: string; +}; + // (No @packageDocumentation comment for this package) diff --git a/plugins/user-settings/src/components/General/UserSettingsAppearanceCard.tsx b/plugins/user-settings/src/components/General/UserSettingsAppearanceCard.tsx new file mode 100644 index 0000000000..982911821b --- /dev/null +++ b/plugins/user-settings/src/components/General/UserSettingsAppearanceCard.tsx @@ -0,0 +1,29 @@ +/* + * Copyright 2021 The Backstage Authors + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import React from 'react'; +import { List } from '@material-ui/core'; +import { InfoCard } from '@backstage/core-components'; +import { UserSettingsPinToggle } from './UserSettingsPinToggle'; +import { UserSettingsThemeToggle } from './UserSettingsThemeToggle'; + +export const UserSettingsAppearanceCard = () => ( + + + + + + +); diff --git a/plugins/user-settings/src/components/General/General.tsx b/plugins/user-settings/src/components/General/UserSettingsGeneral.tsx similarity index 65% rename from plugins/user-settings/src/components/General/General.tsx rename to plugins/user-settings/src/components/General/UserSettingsGeneral.tsx index a9a09a98f5..bd08fef565 100644 --- a/plugins/user-settings/src/components/General/General.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsGeneral.tsx @@ -13,26 +13,19 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import { Grid, List } from '@material-ui/core'; +import { Grid } from '@material-ui/core'; import React from 'react'; -import { PinButton } from './PinButton'; -import { Profile } from './Profile'; -import { ThemeToggle } from './ThemeToggle'; -import { InfoCard } from '@backstage/core-components'; +import { UserSettingsProfileCard } from './UserSettingsProfileCard'; +import { UserSettingsAppearanceCard } from './UserSettingsAppearanceCard'; -export const General = () => { +export const UserSettingsGeneral = () => { return ( - + - - - - - - + ); diff --git a/plugins/user-settings/src/components/General/PinButton.test.tsx b/plugins/user-settings/src/components/General/UserSettingsPinToggle.test.tsx similarity index 90% rename from plugins/user-settings/src/components/General/PinButton.test.tsx rename to plugins/user-settings/src/components/General/UserSettingsPinToggle.test.tsx index 67f2326c14..39387df907 100644 --- a/plugins/user-settings/src/components/General/PinButton.test.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsPinToggle.test.tsx @@ -17,10 +17,10 @@ import { renderWithEffects, wrapInTestApp } from '@backstage/test-utils'; import { fireEvent } from '@testing-library/react'; import React from 'react'; -import { PinButton } from './PinButton'; +import { UserSettingsPinToggle } from './UserSettingsPinToggle'; import { SidebarPinStateContext } from '@backstage/core-components'; -describe('', () => { +describe('', () => { it('toggles the pin sidebar button', async () => { const mockToggleFn = jest.fn(); const rendered = await renderWithEffects( @@ -28,7 +28,7 @@ describe('', () => { - + , ), ); diff --git a/plugins/user-settings/src/components/General/PinButton.tsx b/plugins/user-settings/src/components/General/UserSettingsPinToggle.tsx similarity index 97% rename from plugins/user-settings/src/components/General/PinButton.tsx rename to plugins/user-settings/src/components/General/UserSettingsPinToggle.tsx index acf9891dec..4d71df8113 100644 --- a/plugins/user-settings/src/components/General/PinButton.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsPinToggle.tsx @@ -24,7 +24,7 @@ import { } from '@material-ui/core'; import { SidebarPinStateContext } from '@backstage/core-components'; -export const PinButton = () => { +export const UserSettingsPinToggle = () => { const { isPinned, toggleSidebarPinState } = useContext( SidebarPinStateContext, ); diff --git a/plugins/user-settings/src/components/General/Profile.tsx b/plugins/user-settings/src/components/General/UserSettingsProfileCard.tsx similarity index 90% rename from plugins/user-settings/src/components/General/Profile.tsx rename to plugins/user-settings/src/components/General/UserSettingsProfileCard.tsx index 97391e8372..f79b1084c5 100644 --- a/plugins/user-settings/src/components/General/Profile.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsProfileCard.tsx @@ -15,19 +15,19 @@ */ import { Grid, Typography } from '@material-ui/core'; import React from 'react'; -import { SignInAvatar } from './SignInAvatar'; +import { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar'; import { UserSettingsMenu } from './UserSettingsMenu'; import { useUserProfile } from '../useUserProfileInfo'; import { InfoCard } from '@backstage/core-components'; -export const Profile = () => { +export const UserSettingsProfileCard = () => { const { profile, displayName } = useUserProfile(); return ( - + diff --git a/plugins/user-settings/src/components/General/SignInAvatar.tsx b/plugins/user-settings/src/components/General/UserSettingsSignInAvatar.tsx similarity index 95% rename from plugins/user-settings/src/components/General/SignInAvatar.tsx rename to plugins/user-settings/src/components/General/UserSettingsSignInAvatar.tsx index 68e65fdffe..d36655a75f 100644 --- a/plugins/user-settings/src/components/General/SignInAvatar.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsSignInAvatar.tsx @@ -31,7 +31,7 @@ const useStyles = makeStyles(theme => ({ type Props = { size?: number }; -export const SignInAvatar = ({ size }: Props) => { +export const UserSettingsSignInAvatar = ({ size }: Props) => { const { iconSize } = sidebarConfig; const classes = useStyles(size ? { size } : { size: iconSize }); const { profile } = useUserProfile(); diff --git a/plugins/user-settings/src/components/General/ThemeToggle.test.tsx b/plugins/user-settings/src/components/General/UserSettingsThemeToggle.test.tsx similarity index 91% rename from plugins/user-settings/src/components/General/ThemeToggle.test.tsx rename to plugins/user-settings/src/components/General/UserSettingsThemeToggle.test.tsx index b69cd8d53e..caae4d69bc 100644 --- a/plugins/user-settings/src/components/General/ThemeToggle.test.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsThemeToggle.test.tsx @@ -19,7 +19,7 @@ import { renderWithEffects, wrapInTestApp } from '@backstage/test-utils'; import { lightTheme } from '@backstage/theme'; import { fireEvent } from '@testing-library/react'; import React from 'react'; -import { ThemeToggle } from './ThemeToggle'; +import { UserSettingsThemeToggle } from './UserSettingsThemeToggle'; import { ApiProvider, ApiRegistry, @@ -37,13 +37,13 @@ const apiRegistry = ApiRegistry.from([ [appThemeApiRef, AppThemeSelector.createWithStorage([mockTheme])], ]); -describe('', () => { +describe('', () => { it('toggles the theme select button', async () => { const themeApi = apiRegistry.get(appThemeApiRef); const rendered = await renderWithEffects( wrapInTestApp( - + , ), ); diff --git a/plugins/user-settings/src/components/General/ThemeToggle.tsx b/plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx similarity index 98% rename from plugins/user-settings/src/components/General/ThemeToggle.tsx rename to plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx index fd255969a5..4261218c44 100644 --- a/plugins/user-settings/src/components/General/ThemeToggle.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx @@ -87,7 +87,7 @@ const TooltipToggleButton = ({ ); -export const ThemeToggle = () => { +export const UserSettingsThemeToggle = () => { const classes = useStyles(); const appThemeApi = useApi(appThemeApiRef); const themeId = useObservable( diff --git a/plugins/user-settings/src/components/General/index.ts b/plugins/user-settings/src/components/General/index.ts index 89afe9d540..80a9c75d89 100644 --- a/plugins/user-settings/src/components/General/index.ts +++ b/plugins/user-settings/src/components/General/index.ts @@ -14,5 +14,10 @@ * limitations under the License. */ -export { General } from './General'; -export { SignInAvatar } from './SignInAvatar'; +export { UserSettingsGeneral } from './UserSettingsGeneral'; +export { UserSettingsProfileCard } from './UserSettingsProfileCard'; +export { UserSettingsMenu } from './UserSettingsMenu'; +export { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar'; +export { UserSettingsAppearanceCard } from './UserSettingsAppearanceCard'; +export { UserSettingsThemeToggle } from './UserSettingsThemeToggle'; +export { UserSettingsPinToggle } from './UserSettingsPinToggle'; diff --git a/plugins/user-settings/src/components/SettingsPage.tsx b/plugins/user-settings/src/components/SettingsPage.tsx index 433f24c2c8..eb74a380f8 100644 --- a/plugins/user-settings/src/components/SettingsPage.tsx +++ b/plugins/user-settings/src/components/SettingsPage.tsx @@ -17,7 +17,7 @@ import React from 'react'; import { AuthProviders } from './AuthProviders'; import { FeatureFlags } from './FeatureFlags'; -import { General } from './General'; +import { UserSettingsGeneral } from './General'; import { Header, Page, TabbedLayout } from '@backstage/core-components'; type Props = { @@ -31,7 +31,7 @@ export const SettingsPage = ({ providerSettings }: Props) => { - + Date: Tue, 29 Jun 2021 15:32:32 +0200 Subject: [PATCH 3/4] exported and renamed also AuthProviders and FeatureFlags Signed-off-by: Matteo Barone --- plugins/user-settings/api-report.md | 9 ++++++--- ...iders.test.tsx => UserSettingsAuthProviders.test.tsx} | 6 +++--- .../{AuthProviders.tsx => UserSettingsAuthProviders.tsx} | 2 +- .../user-settings/src/components/AuthProviders/index.ts | 2 +- .../{FeatureFlags.tsx => UserSettingsFeatureFlags.tsx} | 2 +- .../user-settings/src/components/FeatureFlags/index.ts | 2 +- plugins/user-settings/src/components/SettingsPage.tsx | 8 ++++---- plugins/user-settings/src/components/index.ts | 1 + 8 files changed, 18 insertions(+), 14 deletions(-) rename plugins/user-settings/src/components/AuthProviders/{AuthProviders.test.tsx => UserSettingsAuthProviders.test.tsx} (92%) rename plugins/user-settings/src/components/AuthProviders/{AuthProviders.tsx => UserSettingsAuthProviders.tsx} (95%) rename plugins/user-settings/src/components/FeatureFlags/{FeatureFlags.tsx => UserSettingsFeatureFlags.tsx} (97%) diff --git a/plugins/user-settings/api-report.md b/plugins/user-settings/api-report.md index 9eec78b6a3..dc85df0d3d 100644 --- a/plugins/user-settings/api-report.md +++ b/plugins/user-settings/api-report.md @@ -11,9 +11,6 @@ import { ProfileInfo } from '@backstage/core-plugin-api'; import { RouteRef } from '@backstage/core-plugin-api'; import { SessionApi } from '@backstage/core-plugin-api'; -// @public (undocumented) -export const AuthProviders: ({ providerSettings }: Props_2) => JSX.Element; - // @public (undocumented) export const DefaultProviderSettings: ({ configuredProviders }: Props_3) => JSX.Element; @@ -29,6 +26,12 @@ export const Settings: () => JSX.Element; // @public (undocumented) export const UserSettingsAppearanceCard: () => JSX.Element; +// @public (undocumented) +export const UserSettingsAuthProviders: ({ providerSettings }: Props_2) => JSX.Element; + +// @public (undocumented) +export const UserSettingsFeatureFlags: () => JSX.Element; + // @public (undocumented) export const UserSettingsGeneral: () => JSX.Element; diff --git a/plugins/user-settings/src/components/AuthProviders/AuthProviders.test.tsx b/plugins/user-settings/src/components/AuthProviders/UserSettingsAuthProviders.test.tsx similarity index 92% rename from plugins/user-settings/src/components/AuthProviders/AuthProviders.test.tsx rename to plugins/user-settings/src/components/AuthProviders/UserSettingsAuthProviders.test.tsx index abb2f2f42c..085a884f2e 100644 --- a/plugins/user-settings/src/components/AuthProviders/AuthProviders.test.tsx +++ b/plugins/user-settings/src/components/AuthProviders/UserSettingsAuthProviders.test.tsx @@ -17,7 +17,7 @@ import { renderWithEffects, wrapInTestApp } from '@backstage/test-utils'; import { fireEvent } from '@testing-library/react'; import React from 'react'; -import { AuthProviders } from './AuthProviders'; +import { UserSettingsAuthProviders } from './UserSettingsAuthProviders'; import { ApiProvider, @@ -52,12 +52,12 @@ const apiRegistry = ApiRegistry.from([ [googleAuthApiRef, mockGoogleAuth], ]); -describe('', () => { +describe('', () => { it('displays a provider and calls its sign-in handler on click', async () => { const rendered = await renderWithEffects( wrapInTestApp( - + , ), ); diff --git a/plugins/user-settings/src/components/AuthProviders/AuthProviders.tsx b/plugins/user-settings/src/components/AuthProviders/UserSettingsAuthProviders.tsx similarity index 95% rename from plugins/user-settings/src/components/AuthProviders/AuthProviders.tsx rename to plugins/user-settings/src/components/AuthProviders/UserSettingsAuthProviders.tsx index 1456380d55..8107944781 100644 --- a/plugins/user-settings/src/components/AuthProviders/AuthProviders.tsx +++ b/plugins/user-settings/src/components/AuthProviders/UserSettingsAuthProviders.tsx @@ -26,7 +26,7 @@ type Props = { providerSettings?: JSX.Element; }; -export const AuthProviders = ({ providerSettings }: Props) => { +export const UserSettingsAuthProviders = ({ providerSettings }: Props) => { const configApi = useApi(configApiRef); const providersConfig = configApi.getOptionalConfig('auth.providers'); const configuredProviders = providersConfig?.keys() || []; diff --git a/plugins/user-settings/src/components/AuthProviders/index.ts b/plugins/user-settings/src/components/AuthProviders/index.ts index 5221656caf..036467eb37 100644 --- a/plugins/user-settings/src/components/AuthProviders/index.ts +++ b/plugins/user-settings/src/components/AuthProviders/index.ts @@ -14,6 +14,6 @@ * limitations under the License. */ -export { AuthProviders } from './AuthProviders'; +export { UserSettingsAuthProviders } from './UserSettingsAuthProviders'; export { DefaultProviderSettings } from './DefaultProviderSettings'; export { ProviderSettingsItem } from './ProviderSettingsItem'; diff --git a/plugins/user-settings/src/components/FeatureFlags/FeatureFlags.tsx b/plugins/user-settings/src/components/FeatureFlags/UserSettingsFeatureFlags.tsx similarity index 97% rename from plugins/user-settings/src/components/FeatureFlags/FeatureFlags.tsx rename to plugins/user-settings/src/components/FeatureFlags/UserSettingsFeatureFlags.tsx index 2fee2157e2..5a3f077920 100644 --- a/plugins/user-settings/src/components/FeatureFlags/FeatureFlags.tsx +++ b/plugins/user-settings/src/components/FeatureFlags/UserSettingsFeatureFlags.tsx @@ -26,7 +26,7 @@ import { } from '@backstage/core-plugin-api'; import { InfoCard } from '@backstage/core-components'; -export const FeatureFlags = () => { +export const UserSettingsFeatureFlags = () => { const featureFlagsApi = useApi(featureFlagsApiRef); const featureFlags = featureFlagsApi.getRegisteredFlags(); diff --git a/plugins/user-settings/src/components/FeatureFlags/index.ts b/plugins/user-settings/src/components/FeatureFlags/index.ts index d23fc77066..fe1c091abf 100644 --- a/plugins/user-settings/src/components/FeatureFlags/index.ts +++ b/plugins/user-settings/src/components/FeatureFlags/index.ts @@ -14,4 +14,4 @@ * limitations under the License. */ -export { FeatureFlags } from './FeatureFlags'; +export { UserSettingsFeatureFlags } from './UserSettingsFeatureFlags'; diff --git a/plugins/user-settings/src/components/SettingsPage.tsx b/plugins/user-settings/src/components/SettingsPage.tsx index eb74a380f8..eebf6ff865 100644 --- a/plugins/user-settings/src/components/SettingsPage.tsx +++ b/plugins/user-settings/src/components/SettingsPage.tsx @@ -15,8 +15,8 @@ */ import React from 'react'; -import { AuthProviders } from './AuthProviders'; -import { FeatureFlags } from './FeatureFlags'; +import { UserSettingsAuthProviders } from './AuthProviders'; +import { UserSettingsFeatureFlags } from './FeatureFlags'; import { UserSettingsGeneral } from './General'; import { Header, Page, TabbedLayout } from '@backstage/core-components'; @@ -37,10 +37,10 @@ export const SettingsPage = ({ providerSettings }: Props) => { path="auth-providers" title="Authentication Providers" > - + - + diff --git a/plugins/user-settings/src/components/index.ts b/plugins/user-settings/src/components/index.ts index e2dc4218e2..cb058f9c5e 100644 --- a/plugins/user-settings/src/components/index.ts +++ b/plugins/user-settings/src/components/index.ts @@ -17,4 +17,5 @@ export { Settings } from './Settings'; export { SettingsPage as Router } from './SettingsPage'; export * from './AuthProviders'; export * from './General'; +export * from './FeatureFlags'; export { useUserProfile } from './useUserProfileInfo'; From dfe4c491c919d7224d464c0141e3cd1c2c129614 Mon Sep 17 00:00:00 2001 From: Ben Lambert Date: Wed, 7 Jul 2021 11:50:05 +0200 Subject: [PATCH 4/4] Make minor change Signed-off-by: Ben Lambert --- .changeset/nice-bugs-beg.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/nice-bugs-beg.md b/.changeset/nice-bugs-beg.md index e026ddd250..c41b54b220 100644 --- a/.changeset/nice-bugs-beg.md +++ b/.changeset/nice-bugs-beg.md @@ -1,5 +1,5 @@ --- -'@backstage/plugin-user-settings': patch +'@backstage/plugin-user-settings': minor --- Exported and renamed components from the `@backstage/plugin-user-settings` plugin , to be able to use it in the consumer side and customize the `SettingPage`