org dashboard contract refactor

[gumaerc]

What are the relevant tickets?

Closes https://github.com/mitodl/hq/issues/9679

Description (What does it do?)

This PR reworks functionality in the dashboard surrounding b2b organizations / contracts:

• Instead of a tab per organization the user is in, there is now a tab per contract. Organizations can have multiple contracts, but previously we were just selecting the first one.
• The URL structure for dashboard contract pages is set up as /dashboard/organization/org-slug/contract/contract-slug
• The OrganizationContent component was refactored / renamed to ContractContent and now requires a contract ID along with the org ID.

Screenshots (if appropriate):

How can this be tested?

• Follow the instructions in the readme to set up MITx Online locally and connect it to your instance of Learn. They need to be sharing the same instance of Keycloak / APISIX so your user is consistent in both apps.
• In MITx Online:
  • Create a B2B organization
  • Add your user to the B2B organization
  • Create multiple B2B contracts tied to said org
  • Create multiple programs with courses, assigning some to the first contract and some to the second
• Back in MIT Learn:
  • Visit the dashboard
  • Verify that you now see two tabs in the dashboard, one for the first contract and one for the second
  • Visit these pages by clicking on the tabs
  • Verify that the URL structure for each contract is correct (/dashboard/organization/org-slug/contract/contract-slug)
  • Verify that each contract displays the programs / courses you would expect based on what you added above

Checklist:

• Set up redirects for the current org dashboards to go to the first contract available

[jonkafton]

👍

[ChristopherChudzicki]

Checklist:

• Set up redirects for the current org dashboards to go to the first contract available

Another thing we probably want to do is change some contract slugs. Currently it would be, e.g., https://learn.mit.edu/dashboard/organization/mit-universal-ai/contracts/contract-504-universal-ai for MIT UAI. The contract slugs aren't used for anything public right now, so it's a good opportunity to clean them up.

[ChristopherChudzicki]

This is working well for me except the empty contract issue.

Suggestion: In the interest of caution, do you think we should leave /dashboard/organization/[orgSlug] route in place for now, rendering something like

<ContractContent // <-- modify to use first contract if contractSlug missing
  orgSlug={resolved.orgSlug}
  contractSlug={null}
/>

Edit: Alternatively, could add a nextjs redirect for organization/[slug] to /organization, which would then redirect to most recent org contract.

[ChristopherChudzicki]

Blocking Question: What's the point of this filter? I currently have an org with 3 contracts, one of which is empty. The empty contract shows all org content (but in a kinda buggy way).

Separately: I think the contract filtering should ideally be done at the request level, though probably the APIs don't support that filter yet.

[ChristopherChudzicki]

github suggestions seem to have disappeared for me...

But contract.name would be fine, it's not nullable.

[gumaerc]

This is working well for me except the empty contract issue.

Suggestion: In the interest of caution, do you think we should leave /dashboard/organization/[orgSlug] route in place for now, rendering something like

<ContractContent // <-- modify to use first contract if contractSlug missing
  orgSlug={resolved.orgSlug}
  contractSlug={null}
/>

Edit: Alternatively, could add a nextjs redirect for organization/[slug] to /organization, which would then redirect to most recent org contract.

In the last commit (a5149ad) I added this functionality you suggested. It either displays the first available contract or redirects to the dashboard home if none are found. What do you think?

[ChristopherChudzicki]

One small request... I think you implemented what I suggested, but now that I try it, I realize we should redirect instead of displaying UI.

[ChristopherChudzicki]

LGTM, but suggest we not merge until

• mitodl/mitxonline#3208

is deployed