benetech/MathShare

Desktop Sidebar: User Title 

Opened this issue · 1 comments

User Title

Mockup of v2 Mathshare sidebar on desktop. This shows a profile portrait of a young kid. Underneath is the name Derek Wells in bold, followed by Student, and Signout. The main portion of the sidebar is shown beneath. These options read My Solution Sets, My Created Sets, Example Sets, About Mathshare, Help Center, and Accessibility. My Created Sets is currently active, which is represented by bold, darker font.

Currently multiple titles are surfaced based on what users filled in at the beginning -- e.g. a user could be listed as "Teacher Educator". The title should surface as follows: 

  • "Student" for all users who chose Student
  • "Other" for all users who chose Other
  • Role title ONLY (not including original Teacher designation) for all users who chose Teacher 

Teachers have the option to choose one of: 

  • Teacher
  • Technology Coach
  • Media Specialist 
  • Special Education
  • Educator
  • Curriculum
  • Developer
  • Administrator 

This is the role which should be surfaced. 

So for a user who is currently listed as "Teacher Educator", they should simply be listed as "Educator". 

Reference

Style Guide: https://invis.io/CQYLLW8J49U
Fonts: https://www.dropbox.com/sh/c12m6ufweyds20d/AAAdXNPOt8e52DkSAr9pd-a-a/Fonts?dl=0

Acceptance criteria: 

Given that I'm a logged-in user (student/teacher/other) on desktop, I should encounter my role on the dashboard sidebar beneath my portrait. If I am a student user, this should read Student. If I am an other user, this should read Other. If I am a teacher user, this should read as my role (e.g. Educator).

Tested with success
-Given that I'm a logged-in user (student/teacher/other) on desktop, I encounter my role on the dashboard sidebar beneath my portrait.

  • If I am a student user - Student.
  • If I am an other use - Other.
  • If I am a teacher user - role (e.g. Educator, Teacher, Technology Coach, Media Specialist , Special Education, Educator, Curriculum, Developer ,Administrator )
    image
    image