dependabot[bot]
d3b6c6c12a
Bumps [msw](https://github.com/mswjs/msw) from 0.21.2 to 0.29.0. - [Release notes](https://github.com/mswjs/msw/releases) - [Changelog](https://github.com/mswjs/msw/blob/master/CHANGELOG.md) - [Commits](https://github.com/mswjs/msw/compare/v0.21.2...v0.29.0) --- updated-dependencies: - dependency-name: msw dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>
user-settings
Welcome to the user-settings plugin!
This plugin was created through the Backstage CLI
About the plugin
This plugin provides two components, <UserSettings /> is intended to be used within the <Sidebar> and displays the signed-in users profile picture and name.
The second component is a settings page where the user can control different settings across the App.
Usage
Add the item to the Sidebar:
import { Settings as SidebarSettings } from '@backstage/plugin-user-settings';
<SidebarPage>
<Sidebar>
<SidebarSettings />
</Sidebar>
</SidebarPage>;
Add the page to the App routing:
import { Router as SettingsRouter } from '@backstage/plugin-user-settings';
const AppRoutes = () => (
<Routes>
<Route path="/settings" element={<SettingsRouter />} />
</Routes>
);
Props
Auth Providers
By default, the plugin provides a list of configured authentication providers fetched from app-config.yaml and displayed in the "Authentication Providers" tab.
If you want to supply your own custom list of Authentication Providers, use the providerSettings prop:
const MyAuthProviders = () => (
<ListItem>
<ListItemText primary="example" />
<ListItemSecondaryAction>{someAction}</ListItemSecondaryAction>
</ListItem>
);
const AppRoutes = () => (
<Routes>
<Route
path="/settings"
element={<SettingsRouter providerSettings={<MyAuthProviders />} />}
/>
</Routes>
);
Note that the list of providers expects to be rendered within a MUI
<List>