Emergency flow page #45
Conversation
|
Visit the preview URL for this PR (updated for commit 1e4bd35): https://sideline-sidekick-app--pr45-emergencyflowpage-6ltdvyaw.web.app (expires Tue, 11 Jun 2024 17:13:22 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: c79d7b8d45dd65a5ed497bfab058d62b30d420cc |
There was a problem hiding this comment.
Looking awesome! Just a few small things: when the user doesn't put anythgin under one of the optional fields, make sure to not include that field in the object that gets published into the database. Also - experiencing some small styling issues with the textinputs overlapping the navbar:
|
also just remembered, make sure to add a subtitle field at the top. This is the part that is displayed on the card for that emergency |
admin-portal-frontend/emergencies.ts
Outdated
There was a problem hiding this comment.
Move this, as well as the requests.ts file into the src/app folder in a folder called api or something of the sort
package.json
Outdated
admin-portal-frontend/emergencies.ts
Outdated
| emergency: CreateEmergencyRequest, | ||
| ): Promise<APIResult<Emergency>> { | ||
| try { | ||
| const response = await post("/api/emergencies", emergency); |
There was a problem hiding this comment.
make sure to have these routes depend on a .env file for local development purposes
|
Issues Addressed/Changelog: -- fixed styling issues with the textinputs overlapping the navbar -- added subtitle field to the form -- added error message notifying the user when a required field (title or subtitle) isn't filled out when they try to submit the form -- moved emergencies.ts and requests.ts into src/app/api -- remove head package.json (separate from other package.json files) -- Created dependency between src/api/emergencies.ts (createEmergency(), getEmergency(), getAllEmergencies(), updateEmergency()) on local.env for the admin-portal-frontend Thanks! Let me know if we missed anything. |
Tracking Info
Resolves #41
Changes
Designed the Emergency flow page and added functionality to enter into text fields and publish to MongoDB database
Testing
To test, try entering into the text fields and click publish to send to MongoDB database.
A screenshot of the page is as follows:
