Save volunteer phone number to localStorage/sessionStorage

piratefsh commented 3 years ago

Summary

On the user flow for delivery volunteers to pick up deliveries, they have to enter their phone number for each request. Since this can be repetitive, it would be nice to save this phone number in the browser and have it autopopulated in the form.

Requirements:

We will also need a way to clear this saved number.
Number should only be stored if it has been successfully submitted once
- Do not store number if it is malformed/not valid

Where

View: /delivery-needed?sms_pickup=true

Click on Claim Delivery
Click on "Yes I accept" button
This is the phone field form:

Considerations

Which makes more sense to use, localStorage or sessionStorage?
Should we have some text explaining that this is only stored on their browser?

Proposed design

Doesn't have to be exact to this rough mock, best to use MaterialUI components (maybe a secondary button?) Screen Shot 2020-10-08 at 6 13 34 PM

somstrom commented 3 years ago

@piratefsh

Could you please assign this to me ?

piratefsh commented 3 years ago

hi @somstrom are you added to the CHMA Slack? if yes, please complete 'Before you start' https://github.com/crownheightsaid/mutual-aid-app/blob/master/DEVELOPING.md#Before-you-start so we can give you permission to pick up issues! if not, you can join the Slack by signing up to be a volunteer and completing an orientation session: https://crownheightsmutualaid.com/volunteer/

piratefsh commented 3 years ago

@somstrom another contributor has offered to work on this ticket, but we have many other good first issues (https://github.com/crownheightsaid/mutual-aid-app/labels/good%20first%20issue) to pick up when you are ready!

piratefsh commented 3 years ago

hi @ifearcompilererrors how are things going with this ticket? i think the approach of setting the input type you mentioned on Slack will work great for this!

ifearcompilererrors commented 3 years ago

hi @ifearcompilererrors how are things going with this ticket? i think the approach of setting the input type you mentioned on Slack will work great for this!

hello! thanks for pinging- aiming to get the PR up by wednesday 👍

crownheightsaid / mutual-aid-app