The User Profile page was created. The user is provided with a space to enter their name, email, phone number, and location. The user is also provided with a settings page where they can change the theme to light, dark, or the system theme. The color of the profile or setting button changes when selected to indicate the current page. They can also choose from 3 languages for their application: English, Spanish, or French. There is also a logout button on the page that redirects the user to the login page if needed. The user is provided with a X on the top right of the screen.
Why was it changed?
These changes will allow the user to change any of the information that will be saved in the database. The connections still need to be made to the database to take user information and allow change to it. The theme change allows for the user to be able to customize the application to their liking along with the language they would like. There is also a place for the user to upload a profile image. To ensure that any information changed in the profile page by the user fits the criteria, the database will be connected with a merge from Oam's branch to allow the app to save the user information when they log in.
How was it changed?
The page was created with UserProfile.js and UserProfile.css All of the code needed to create the two page states and and components are in UserProfile.js. UserProfile.css has all of the code for the organizational and visual components of the two page states. There is a UserProfile.test.js file to test that the page is displayed properly. The path of the user profile icon on the home page was changed to display the user profile page in App.js.
Screenshots that show the changes (if applicable):
Fixes #16
What was changed?
The User Profile page was created. The user is provided with a space to enter their name, email, phone number, and location. The user is also provided with a settings page where they can change the theme to light, dark, or the system theme. The color of the profile or setting button changes when selected to indicate the current page. They can also choose from 3 languages for their application: English, Spanish, or French. There is also a logout button on the page that redirects the user to the login page if needed. The user is provided with a X on the top right of the screen.
Why was it changed?
These changes will allow the user to change any of the information that will be saved in the database. The connections still need to be made to the database to take user information and allow change to it. The theme change allows for the user to be able to customize the application to their liking along with the language they would like. There is also a place for the user to upload a profile image. To ensure that any information changed in the profile page by the user fits the criteria, the database will be connected with a merge from Oam's branch to allow the app to save the user information when they log in.
How was it changed?
The page was created with UserProfile.js and UserProfile.css All of the code needed to create the two page states and and components are in UserProfile.js. UserProfile.css has all of the code for the organizational and visual components of the two page states. There is a UserProfile.test.js file to test that the page is displayed properly. The path of the user profile icon on the home page was changed to display the user profile page in App.js.
Screenshots that show the changes (if applicable):