Vote UI solution

[gkweb]

Hello This is some draft UI for Senate voting with Drag and drop.

General idea is that the user will curate candidate prefs in 1 massive list that is drag and drop. Curating this list will update the vote display in real time - Even if updates aren't immediately visible (Screen size). This is a basic draft UI that can be built on.

This adds the following

1. Switched over to CSS-in-JS library (Styled-components)
2. Renamed layout.css as this seems to be a CSS reset
3. Added flag in Layout to remove the container (960)
4. Upgraded React and React Dom
5. Vote UI exists on http://localhost:8000/vote

Future features that are viable:

1. Updates to reordering could be displayed with a simple notification in top or bottom corner to indicate to the user they've changed something.
2. Candidate preferences can be persisted to localStorage
3. Very well possible to generate Votes to PDF on the client using something like: jspdf

To Do

1. Wire this in with senate data
2. Create graphql queries for relevant data?
3. Basic Jest tests (snapshot)
4. Try this UI flow out with a massive set of data

[gkweb]

Preview