feat(orgAdmin): Add org admin teaser in org team page for non-enterprise orgs

[tianrunhe]

Description

Fixes #10158

Demo

Testing scenarios

• Enterprise org

  • Go to http://localhost:3000/me/organizations/xxxx/teams for an enterprise org
  • See no teaser

• Starter og

  • Go to http://localhost:3000/me/organizations/xxxx/teams for a starter org
  • See the teaser

Final checklist

• I checked the code review guidelines
• I have added Metrics Representative as reviewer(s) if my PR invovles metrics/data/analytics related changes
• I have performed a self-review of my code, the same way I'd do it for any other team member
• I have tested all cases I listed in the testing scenarios and I haven't found any issues or regressions
• Whenever I took a non-obvious choice I added a comment explaining why I did it this way
• I added the label Skip Maintainer Review Indicating the PR only requires reviewer review and can be merged right after it's approved if the PR introduces only minor changes, does not contain any architectural changes or does not introduce any new patterns and I think one review is sufficient'
• PR title is human readable and could be used in changelog

[ackernaut]

Hey @tianrunhe !

The screenshot looks good. I’m not able to see this locally. I have a team on the Starter plan. There are teams that either of 2 users aren’t on so they should see that there are hidden teams, yeah? I’m probably not doing something right.

[tianrunhe]

There are teams that either of 2 users aren’t on

@ackernaut Are those teams under the same org? I can't seem to reproduce this.

So, here I have user A, B & C in the same "Test Org" (starter tier) 👇

Each person is in their own's team: i.e., A has A's team with himself, B has B's team with himself, etc.
Here's A's view of the org admin page 👇

B's view 👇

And C's view 👇

All seems correct to me?

[ackernaut]

Yep, I was on the wrong org. Turns out all the Terry’s Orgs aren’t the same 😆 .

It looks good to me, nice work!

How do you set up an Enterprise account locally?

[tianrunhe]

How do you set up an Enterprise account locally?

@ackernaut You can run the following mutation:

mutation {
  draftEnterpriseInvoice(orgId: "XXX", quantity: YY) {
    ...on DraftEnterpriseInvoicePayload {
      organization {
        name
      }
    }
  }
}

[Dschoordsch]

+1 I personally find it to be too much on the nose. I know we want to encourage people to upgrade, but having this upgrade button so big and highlighted compared to the team rows feels like an ad. I think because it's very distinct from the other team rows already that it wouldn't harm to make the text paler and maybe smaller. @ackernaut what do you think?

[ackernaut]

I’m okay with subtle. We could yank the big button and put a link on Parabol Enterprise at the beginning of the sentence that takes them to the billing view. I think the text should stay the same to be legible in this case. Why make it hard to read why we are showing them the locked thing? I also think the lock icon could go a step down in scale so if it’s at 36 -> 24 or 24 -> 18.

[ackernaut]

Here’s an example in Figma cc @tianrunhe