[SMS delivery pickup] Build basic UI for accepting delivery

[Sher Minn Chong]

Summary

Build out UI for accepting deliveries from the delivery needed map.

Context

Design doc: https://docs.google.com/document/d/1wSWJHs_MR_4JUcKIwlp3pt_kWB0JuG0ixMXLClZ2qIM/edit

Details

• Add Claim delivery button on popover. e.g.
  

• On Claim delivery button click, volunteer should be brought to a Responsibilities view detailing what delivery means.

  • This may be a modal, or a new view, depending on content.
    • Put placeholder while we work out what intake wants to put there

• On the Responsibilities view, there should be a field for a phone number and aYes, I accept or a No, I need more info button

  • Yes button should only be clickable once phone number has been entered.
    • This can become repetitive quickly to enter a phone number again and again. Consider way to store locally but securely. Maybe for enhancement, not necessary for this PR.
  • No button should link out to a resource or way to contact #wg-intake

• Once Yes button has been clicked, fire an async request to endpoint (TBA)

  • On success, display a thank you modal detailing next steps
    • Remove the current delivery from map (a refresh might be sufficient here)
  • On failure, direct volunteer to #tech-support on Slack

Notes:

• Build out as much of this as possible using Material UI, which should have modals, form elemetns and whatnot for this view
• My sketches for the UI are very rough, please refine as you see fit!