Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Location Dropdown to Login page #75

Open
4 tasks done
divlogic opened this issue Sep 6, 2019 · 0 comments
Open
4 tasks done

Add Location Dropdown to Login page #75

divlogic opened this issue Sep 6, 2019 · 0 comments
Assignees
Labels
Milestone

Comments

@divlogic
Copy link
Collaborator

divlogic commented Sep 6, 2019

Facts: This site will be used by 5 locations. Several staff members work at multiple locations. When you login you should only be able to see one location’s queue at a time.
So: When a user logs in, they need to confirm which location they’re at. (At Account Creation, their admin will have listed the locations they’re permitted to see/edit). SIGN IN OnClick should confirm password and location they’ve selected is permitted.
This card will reach Done status when:

  • Create a folder in src>components called globalStyles. (This is where we’ll make all of our form elements: Dropdown, text input, submit button, radio buttons, checkboxes, the ideaLab logo, etc.;)
  • Create & style a dropdown component, where a user passes in the options & onClick as props
  • Style the dropdown just a little, to be more than the default html styles. For now, practice removing the blue highlight when the dropdown is selected (a pet peeve of mine) and play with making the drop arrow sleeker.
  • In src>components>Login>LoginManager.jsx, import Dropdown from ‘../globalStyles/Dropdown’, and pass in location options & onClick -> save to LoginManager state

Notes on this card:
This is laying the groundwork for Code For Denver’s component library! Exciting stuff!
Dropdown stylings can be very difficult and frustrating! Please reach out! Play with this CodePen to get an idea: https://codepen.io/fabriceleven/pen/qOmNPG

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants