Johan Persson
d14b6e07f1
* feat(org): migrate MembersListCard to BUI EntityInfoCard Signed-off-by: Johan Persson <johanopersson@gmail.com> * feat(org)!: migrate OwnershipCard to BUI EntityInfoCard Replaced MUI InfoCard with BUI EntityInfoCard in OwnershipCard. Removed the `variant` and `maxScrollHeight` props since card sizing and scrolling are now handled by the BUI layout. Wrapped body content in a flex column div to keep the relations toggle pinned while the grid scrolls. Updated app-legacy and create-app templates to remove the dropped `variant` prop. Signed-off-by: Johan Persson <johanopersson@gmail.com> * feat(catalog-graph)!: migrate CatalogGraphCard to BUI EntityInfoCard Replace MUI InfoCard with BUI EntityInfoCard in CatalogGraphCard. The `variant` prop is removed — card sizing is now handled by the BUI layout system. The deep link is replaced with a footer Link. Remove `variant="gridItem"` from all EntityCatalogGraphCard usages in app-legacy and create-app templates. Signed-off-by: Johan Persson <johanopersson@gmail.com> * feat(catalog-react): export useEntityRoute hook Signed-off-by: Johan Persson <johanopersson@gmail.com> * fix(cli): update translation extraction test for renamed org keys Signed-off-by: Johan Persson <johanopersson@gmail.com> --------- Signed-off-by: Johan Persson <johanopersson@gmail.com>
Org Plugin for Backstage
Disclaimer: If you are looking for documentation on the experimental new frontend system support, please go here.
Features
- Show Group Page
- Show User Profile
- Quick access to Groups
Group Page
Here's an example of what the Group Page looks like:
User Profile
Here's an example of what the User Profile looks like:
MyGroupsSidebarItem
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:
