Fix Bug in Contact Us Form

[RajatX24]

Related Issue

Fixes #13

Description

Fixed the bug in contact us form.

frontend

The bug was arising in the file src/pages/ContactUs.js due to the following reasons:

• the fetch request was being made to url where the frontend was hosted. This led to a 404 error as expected.

• the request to create the message was being sent by directly using the fetch API instead of using the apiconnector.js as used elsewhere in project.

Fix

• added the contactUsEndpoints for creating the Contact Us message in api.js

• used the contactUsEndpoints and apiconnector in Contact Us page to post message to the server

• this ensures that API requests are made in same style as elsewhere in the project.

Backend

• added the middleware for handling requests made to the /api/v1/contactUs endpoint.

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Motivation and Context

Initially the Contact Us form wasn't working. On pressing the submit button there was an alert shown saying that an error occured. Due to this the users were unable to contact the project owners.

How Has This Been Tested?

Tests have been made by trying to submit a response via the Contact Us Form.

frontend

• Entered the details and submitted the form.
• The response was submitted successfully and an alert for the same was shown to the user on the user.

  Backend

• checked the MongoDB database associated with the project.
• the response submitted via the frontend was present in the database
• Hence the form is working as desired

Screenshots:

Checklist:

• [x] I have registered myself at Contrihub website.
• [x] My code follows the code style of this project.
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [x] I have read the CONTRIBUTING document.
• [x] Any dependent changes have been merged and published in downstream modules
• [ ] I have added tests to cover my changes.
• [ ] All new and existing tests passed.

Test Configuration:

• Firmware version:NA
• Hardware:NA
• Toolchain:NA
• SDK:NA

[RajatX24]

If there are any changes that need to be made, please let me know. If merging, please add the hacktoberfest-accepted label, i would be grateful.

Thanks.

[Codipk]

@RajatX24 Athough I was expecting that message will be send to the owner via mail not storing in db but it is okay! Also Make the Ui look decent . Replace White background with the similar kind of gradient just like in about us page