Added MySquads

[awanlin]

Signed-off-by: Andre Wanlin awanlin@rapidrtc.com

Hey, I just made a Pull Request!

Introduced a new MySquads SidebarItem that links to one or more groups based on the logged in user's membership.

To use MySquads you'll need to add it to your Root.tsx like this:

// app/src/components/Root/Root.tsx
+ import { MySquads } 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" />
+        <MySquads
+          singularTitle="My Squad"
+          pluralTitle="My Squads"
+          icon={GroupIcon}
+        />
       //...
      </SidebarGroup>
    </ Sidebar>
</SidebarPage>

Single Squad:

Multiple Squads:

(MySquads uses the metadata.title and if that is not present then uses the metadata.name this is why Team D is shown as "team-d")

Closes #8678

✔️ Checklist

• A changeset describing the change and affected packages. (more info)
• Added or updated documentation
• Tests for new functionality and regression tests for bug fixes
• Screenshots attached (for UI changes)
• All your commits have a Signed-off-by line in the message. (more info)

[changeset-bot]

🦋 Changeset detected

Latest commit: c9d59ee

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@backstage/plugin-org	Patch
example-app	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[awanlin]

@freben, I put this in the Org plugin as that seemed to make the most logic sense to me. I'm open to moving it though, would be pretty easy.

Also, for the test of a user with multiple groups I could not find a way to get at the SidebarSubmenuItem to do some validation on them. If someone could help me with that I'd be happy to improve this.

[benjdlambert]

This looks good! Just a nit about the naming? 🙏

[awanlin]

Ready for another review, please :)

[freben]

Good stuff! Just small nits

[github-actions]

Changed Packages

Package Name	Package Path	Changeset Bump	Current Version
example-app	packages/app	none	v0.2.70-next.1
@backstage/plugin-org	plugins/org	patch	v0.5.4-next.1

[awanlin]

I could swear it said I should have a changeset for the example-app, I'll take that out then

[awanlin]

@freben thanks for your patience with me on this one, have some things to take away and learn better. I think I have this PR in a state where it's ready to merge now though

[jhaals]

Thanks for the patience with this one @awanlin

I took the liberty to fix commit a small fix for a mismatch in single/double quotes.
Going to ship this once it goes green

[awanlin]

Thanks @benjdlambert @freben and @jhaals for your reviews and helping me through with this. 🚀