slydogshah / appGalCloud

The Cloud App for the AppGal Food Recovery Optimization Network
Apache License 2.0
1 stars 0 forks source link

Show DropOff Option #34

Closed bugsbunnyshah closed 3 years ago

bugsbunnyshah commented 3 years ago

Need the UX screen that displays DropOff Options to someone placing a PickUpRequest. The flow is:

Start PickUpRequest -> Collect PickUpDetails -> Show DropOff Options

This is the payload that needs to be rendered { "id": "234fe6c0-bd48-40e2-a4c8-906c7456f235", "sourceOrg": { "orgId": "microsoft", "orgName": "Microsoft", "orgContactEmail": "melinda_gates@microsoft.com", "location": { "latitude": 30.25860595703125, "longitude": -97.74873352050781 }, "producer": true }, "foodRunner": { "profile": { "id": "7344b235-5098-4358-94cf-ca23a9af7eda", "email": "bugs.bunny.shah@gmail.com", "mobile": 8675309, "photo": "", "password": "", "profileType": "FOOD_RUNNER" }, "location": { "latitude": 30.25860595703125, "longitude": -97.74873352050781 } }, "start": 1614168000, "notificationSent": true, "dropOffNotes": [

    ]
}

API Call is: GET: http://localhost:8080/notification/dropOffOrgs/?orgId=microsoft

Tarun747 commented 3 years ago

In order to update and ux for pickup request form we made changes to home.js components for readable and scaleable code and used Google chart library [link]

Screenshot 2021-03-04 at 1 32 56 AM

Screenshot 2021-03-04 at 1 33 30 AM