Match Individual Legislator View to Wireframes

[andrewtremblay]

Using the wireframe, begin to block out the Individual Legislator View (located at /legislators/:id).

Requirements

• [ ] ~Conditional Back Link (if linked from an issue page)~ (no longer in current wireframes)
• [ ] Legislator Profile section
  • [x] Profile image
  • [x] Bookmark Legislator
  • [x] Legislator info "answers phone 50% of the time"
  • [ ] Link to ~voting record~ full profile (an external site)
• [ ] Collapsible Current Issues section
  • [ ] ~Clicking - animates collapse / show~ (no longer in current wireframes)
  • [ ] ~Clicking ? animates info modal~ (Move to another issue)
• [ ] Current Issues clickable row
  • [ ] ~Clicking "Call ..." redirects to the 5calls issue page.~ (Blocked until data exists, Move to another issue)

Other Notes

Mock the endpoint data locally (endpoints for /api/legislators/:id and /api/issues?legislator=:id are tbd) for now.

Voting record link will redirect to another site (which one is tbd)

Info modal can show a placeholder lorem (data backend is tbd)

Define the rules for back link component and see if that component belongs through other pages.

Define collapsible sections other than "Current".

Design

See comments

[andrewtremblay]

The old wireframes are now outdated, switching to the more up to date designs: