Add Trip Functionality

[zghera]

What is a quick description of the change?

Adds functionality to clean the data entered in the add trip modal before creating a new Trip document in Firestore.

Is this fixing an issue?

fixes #43: Address the portions of clean/format the data and create a new Trip document in the database.
progress on #47: All Trip documents created in Firestore contain the required fields specified in the design doc. However it still may be beneficial to implement the Firebase security rules in a future PR.
fixes #52: Created form control types for collaborators and dates fields.

Are there more details that are relevant?

The main addition of this PR is to the following files:

• index.js:
  • Added a new state variable refreshTripContainer that is passed in as a prop to TripsContainer to update the trips container for the current user whenever a new trip is submitted. In the future, the use of refreshTripContainer and the key prop on Trips container should be removed with the addition of real time listening with onShapshot (Issue Implement Real Time Updates for all Trip Collaborators #62).
  • Added state variable refreshAddTripModal that is passed as prop to AddTripModal to refresh the component whenever it is opened. This is to prevent the issue where multiple collaborator text boxes persist between closing and re-opening the modal.
• add-trip.js (changed to add-trip-modal.js PR Rename add-trip.js to add-trip-modal.js. #68):
  • Created Form.Control types for dates and emails (collaborators).
  • Handle for submitting form that creates a new trip document in firestore, refreshes the trip container, and closes the modal.
• filter-input.js: Contains functions for sanitizing and formatting form input data. This file will also be the home of the email verification (Email Verification for Add Trip #67) implemented when implemented.

Additionally, Auth hardcoded functions were moved into a temporary file temp-auth-utils.js in Utils where they are imported in relevant filed rather than passing in these values/props in from ViewTrips component. These import will be updated with the real auth utils once that module is completed.

Check lists (check x in [ ] of list items)

• Test written/updating
• Tests passing
• Coding style (indentation, etc)

As of now, integration (end-to-end) tests were deemed non-critical. Thus, functions related to react and firestore will be tested at a later time. Unit tests for "logical" functions will be included in this PR and for the remaining PRs needed to complete the MVP.

Any additional comments?

Gif showing functionality:

[zghera]

These changes were automatically made by VSCode and I am don't know if its worth the time of going into vim and manually changing it back in each branch.