Feat / Team management - Create the team details view

[NyraSama]

🗒️NOTES

Warning ! Make sure the routes are secured

🏁PREREQUISITES

• DOR
• DOD

📜CONTEXT (User Story)

As a customer

I want to manage the teams linked to my company

In order to be able to change their captains, see their activity, etc...

🪜STEPS TO FOLLOW

• Step 1: Add new file : TeamDetailsView.vue in "yaki_admin/src/ui/views"
• Step 2: Add route path team_details in "yaki_admin/src/router/router.ts" in children of dashboard path
• Step 3: Duplicate the method from line 21 to 24 from "yaki_admin/src/ui/components/sidebar/SideBarMenuDropDown.vue" component in onSeeDetailPress of the "yaki_admin/src/ui/components/TeamInfoCard.vue" component and edit it to redirect to /team-details path.
• Step 4: Get the team name and display it as header in TeamDetailsView.vue that you created using teamSelected property of "yaki_admin/src/stores/teamStore.ts"

✅ACCEPTANCE CRITERIA

• ⛔Customer can access the detail view of each team linked to his company

📛BLOCKERS

• 📛 Wait for Feat / Team management - Create info card component #1524

🔍AFFECTED COMPONENT(S) (Scope)

yaki_admin/src/ui/views
yaki_admin/src/router/router.ts
yaki_admin/src/ui/views/TeamListView.vue

⛓️LINK TO OTHER ISSUES

🪟SCREEN SHOTS & MOCKUPS

📋TEST STATUSES

What are the test cases required to validate this issue?

• Test case 1: Customer can access team details of each teams in team list

What kind of tests has been put in place to ensure the issue is resolved?

• Manual Tests
• Unit Tests
• Integration Tests
• Functional Tests
• End To End Tests
• Other (elaborate)