Replace Alerts with Modals

moconn68 commented 4 years ago

Description

Alerts are limited in their customization capabilities and are locked down to the default skin provided by Apple/Google. By replacing them with Modals (and appropriate styling), we can get more visual control with the same logical functionality as the Alerts. Overall, implementing this change would make our app look more stylistically cohesive and professional.

Requirements

Check out the docs for modals here (Expo) and here (React) for more information.

Create design elements for modals
Design individual modals for each case
- Look thru code; anywhere where Alert is used (specifically, Alert.alert), we need to replace with a modal
- Look at the alerts in the actual running app and design a modal that is appropriate for each situation.
Templates for modals can be used but individual modals will have to be configured for each specific use

jhuang1998 commented 3 years ago

modal.zip

jhuang1998 commented 3 years ago

includes images, words, font, and hex code. let me know if I missed anything!

moconn68 commented 3 years ago

Thanks! I'm going to leave the issue open until the modals are fully implemented in the app but I will keep you posted if I need anything else!

moconn68 commented 3 years ago

Comments from 8/23 Meeting:

Make pairing modal active while held
Add photo of object to pairing modal

moconn68 commented 3 years ago

Completed in 5c4ff7a

moconn68 / depic_app

Replace Alerts with Modals #2

Description

Requirements