@backstage/plugin-org NPM

Org Plugin for Backstage

Features

Show Group Page
Show User Profile
Quick access to Groups

Here's an example of what the Group Page looks like:

Group Page example

Here's an example of what the User Profile looks like:

The MyGroupsSidebarItem provides quick access to the group(s) the logged in user is a member of directly in the sidebar.

To use the MyGroupsSidebarItem you'll need to add it to your Root.tsx - found at packages\app\src\components\Root - like this:

+ import { MyGroupsSidebarItem } from '@backstage/plugin-org';
+ import GroupIcon from '@material-ui/icons/People';

<SidebarPage>
    <Sidebar>
      //...
      <SidebarGroup label="Menu" icon={<MenuIcon />}>
        {/* Global nav, not org-specific */}
        //...
        <SidebarItem icon={HomeIcon} to="catalog" text="Home" />
+       <MyGroupsSidebarItem
+         singularTitle="My Squad"
+         pluralTitle="My Squads"
+         icon={GroupIcon}
+       />
       //...
      </SidebarGroup>
    </ Sidebar>
</SidebarPage>

Once added MyGroupsSidebarItem will work in three ways:

The user is not logged in or the logged in user is not a member of any group: the MyGroupsSidebarItem will not display anything in the sidebar
The user is logged in and a member of only one group: the MyGroupsSidebarItem will display a single item in the sidebar like this:
The user is logged in and a member of more than one group: the MyGroupsSidebarItem will display a single items with a sub-menu with all the related groups like this:

7 months ago

7 months ago

8 months ago

8 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

8 months ago

9 months ago

9 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

8 months ago

8 months ago

9 months ago

8 months ago

9 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

9 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

10 months ago

12 months ago

11 months ago

11 months ago

12 months ago

10 months ago

11 months ago

10 months ago

12 months ago

11 months ago

11 months ago

12 months ago

11 months ago

10 months ago

11 months ago

10 months ago

10 months ago

11 months ago

11 months ago

12 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

11 months ago

12 months ago

10 months ago

11 months ago

10 months ago

11 months ago

12 months ago

10 months ago

11 months ago

11 months ago

10 months ago

11 months ago

12 months ago

11 months ago

10 months ago

10 months ago

10 months ago

12 months ago

10 months ago

12 months ago

10 months ago

10 months ago

10 months ago

11 months ago

12 months ago

12 months ago

10 months ago

12 months ago

10 months ago

11 months ago

12 months ago

12 months ago

12 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago