[Story] Identify how to show the contributing orgs on the challenge profile page

tschaffter commented 1 year ago

What projects is this story for?

OpenChallenges

As a user, I want

As a prospective participant, I want to know what organizations are contributing to a challenge so that I can better identify whether I want to participate to this challenge.

Description

The OC data model captures the contributions made by organizations to a given challenge as well as the role they took. The goal of this story is to review the current UI design before we start implementing it.

The current UI design has the menu item "Sponsors" on the challenge profile page (see Figma).

Previously, a "sponsor" was meant to describe any org that contribute to a challenge. Since then, the "sponsor" object has been replaced by the "contribution" object. A contribution includes currently three pieces of information: a challenge ID, an org ID and the role taken by this org. Examples of roles are challenge_organizer, data_contributor, sponsor.

Proposal:

Rename the section "Sponsors" to "Organizations" and show all the orgs
- Instead of creating a new org card that shows the type of contribution (one org may take more than one role), we could group orgs by type of contributions
- An initial version could be to simply show all the orgs under the section "Organizations". Grouping the orgs by contribution type could be done in a second release/iteration.

@vpchung What approach should we take?

Acceptance criteria

No response

Tasks

No response

Anything else?

No response

Have you linked this story to a GitHub Project?

[X] I have linked this story to a GitHub Project and set its metadata.

tschaffter commented 1 year ago

Added to Sprint 23.07

tschaffter commented 1 year ago

The ticket #1537 depends on this ticket.

vpchung commented 1 year ago

@tschaffter @rrchai perhaps we can start with a simple change such as this?

Then, pending feedback, we can further organize into categories by reusing the tab feature we implemented in the challenge profile pages:

vpchung commented 1 year ago

See Figma mock up here

tschaffter commented 1 year ago

Looks good! I added one comment to Figma (about the section tabs).

vpchung commented 1 year ago

@rrchai for simplicity's sake, let's go with the first (top) design!

Sage-Bionetworks / sage-monorepo