Save volunteer phone number to localStorage/sessionStorage

[piratefsh]

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?)

[somstrom]

@piratefsh

Could you please assign this to me ?

[piratefsh]

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]

@somstrom another contributor has offered to work on this ticket, but we have many other good first issues ( good first issue Good for newcomers ) to pick up when you are ready!

[piratefsh]

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]

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 👍