This task describes how the layout of the mobile mentor dashboard homepage. None of the module functionality is described here.
**Main audience**: Experienced editors who signed up to be on their wiki’s mentor list.
**Figma**: //insert mockups//
**General**
The mobile version will have all the functionality of the desktop. When users navigate to the mobile version of the dashboard, they can see a short preview of each module in a list, and then when they open them up, they get a full-page version of the module. As currently designed, virtually all the functionality that exists on the desktop version of the homepage also exists in the mobile version. But it is possible in the future that we develop complex functionality that makes sense on desktop but is too complex for mobile. In those situations, we may make some parts of the homepage desktop-only.
**Summary**
**Navigating to the dashboard **: //To be established//
**Title:** The page is called "Mentor dashboard"
**Copy and links**
**Layout**
* Underneath the tabs, there should be a module preview box for each module* Though each module contains an arrow in the upper right, stacked itapping //anywhere// on this order:e module should open the full page module.
* Underneath the tabs, there should be a module preview box for each module, stacked in this order:
* M1 : an overview of the mentees
* M2 : mentor tools (ability to edit the mentor's message, claim a mentee, and the ability to change their status)* Title: "Your mentees"
** Next: arrow button icon that leads you to the page with the full module.
** Next: "The table showcases the state and progress of your current mentees."
** Button: Primary/progressive "See your mentees" also leads you to the page with the full module.
* M2 : mentor tools/actions (ability to edit the mentor's message, claim a mentee, and the ability to change their status)
* M3 : a preview of unanswered questions
** Title: "Unanswred questions: [value]"
** Next: arrow button icon that leads you to the page with the full module.
** Next: question mark(help) icon.
** Next: "Have a quick preview of unanswered questions from your mentees."
* M4 : FAQ's replies (bank of template answers)
** Title: "Replies to FAQ's"
** Next: arrow button icon that leads you to the page with the full module.
** Next: numbered list icon.
** Next: "Store and edit your best answers to FAQ’s using wikitext."
* M5 : mentor impact (total contributions from their mentees, # of questions they have answered, and thanks received)
** Title: "Your impact"
** Next: arrow button icon that leads you to the page with the full module.
** Next: "Have an overview of your progress and the impact of your mentorship."
* M6 : mentor resources (top resources for mentoring)
** Though each module contains an arrow in the upper right, tapping //anywhere// on the module should open the full page module.itle: "Get help with mentoring"
** Next: arrow button icon that leads you to the page with the full module.
** Next: "View articles that can help and guide you."