[USER STORY TEMPLATE]

[taiwotkj]

DESCRIPTION

Kaat is MassE admin who manages the page for a community in Waltham, Massachusetts. Kaat wants to see the option to view all the teams in her community page, but is oblivious of the fact that she can with the current implementation of the “your teams” button style.
Kaat expects the following when she wants to view teams in her community:
Obvious design that supports the CTA for her to view all teams.
Clear order of display for the teams she is seeing (Alphabetical)
Team Name, Location, Member Count, etc.

USER STORY

As the
User Admin
I want to
see a fallback image / placeholder on wherever there is a missing image
so that
there won't be a blank space or a broken image icon.

Possible Scenarios

SCENARIO 1.
GIVEN a user with access to view all teams in my community
WHEN I am on the community profile page
THEN I should be able to see an “All Teams” button with clear indication that I can click perform further action the button

SCENARIO 2.
GIVEN a user with access to view all teams in my community
WHEN I click on the button to view all teams in my community
THEN I should see an ordered list of teams (and their details such as name, location, and member count) in my community in alphabetical order, with the teams I belong to ordered first and the rest after

SCENARIO 3.
GIVEN a user with access to view all teams in my community
WHEN I see the ordered list of teams I belong to
THEN I should see an option to leave the team with the click of a button.

Required Permissions

Any user with confirmed access to the profile page being viewed.

Acceptance Criteria

• User can successfully see “My teams” button on page
• User can successfully click button and it triggers an action to show all the teams in their community (with the ones they are part of first shown in alphabetical order)
• User can see more details on the list of teams
• User can see option to, and leave a team they no longer wish to be a part of.

UX Design

Insert figma link or link to design

Technical Considerations

Insert technical considerations