Hide unnecessary navigation elements on error page shown when users can not join a team

[gtsiolis]

Bug description

Following up from #10309, when users trying to join a team and the invite URL has expired, the team menu on the navigation shows an extra empty element.

This is probably because of all the logical checks like https://github.com/gitpod-io/gitpod/pull/10309/files#diff-64248da95f399a1cfe99b03aa662caf313faf9b7016999111605da5d61f1971dR269.

There are possibly other pages that users could end up in this case. Maybe worth making the menu logic more explicit. 💭

1️⃣ (Deleted Team)	2️⃣ (Reset Invite URL)	3️⃣ (User Blocked)	4️⃣ (???)

Steps to reproduce

Try joining a team after 1️⃣ deleting the team, 2️⃣ resetting the invite URL, 3️⃣ blocking the user, 4️⃣ etc.

Notice the 1 extra blank breadcrumb item and the 2 redundant tab menu below the team scope selector, which could be safely removed, see screenshot below.

Workspace affected

No response

Expected behavior

No response

Example repository

No response

Anything else?

No response

[aboqasem]

Hi!

What do the pictures demonstrate? Because if I understood correctly, they should show the extra element mentioned, but the team menu is not expanded.

Or do they show what are the possible errors that are leading to the extra element (you saw the empty element in these error states)?

Thank you for clarifying in advance!

[gtsiolis]

Hello again, @aboqasem! Thanks for noticing. I've updated the issue description to clarify what's wrong with the screenshots and how to resolve this issue.

Notice the 1 extra blank breadcrumb item and the 2 redundant tab menu below the team scope selector, which could be safely removed, see screenshot below.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.