Profile Page UI #69
Open
Profile Page UI #69
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Developer: Lindsey Amaro
Closes #49 (note: this doesn't close the entire issue--there are still things to be done that I did not get the chance to finish, but I wanted to open this pull request for future developers to see the progress)
Pull Request Summary
I created the user interface for the profile page displaying the currently logged in user's name and email. I also added routing in the navigation bar to this profile page. To be completed, the part of this issue I was unable to complete is connecting the profile page to the application's back end in order to find and display the currently logged-in user's information. I tried using JWT web tokens and React Context API in order to so, but was unsuccessful.
Modifications
Navbar.tsx - added routing to profile page
login/page.tsx - To my knowledge and testing, everything about the login page still works correctly, I just changed the routing after a user logs in to bring them to the homePage instead of clientPage, but that can be disregarded.
profilePage.tsx and profilePage.module.css - UI for the profile page
Testing Considerations
Tested the login and navigation to the profile page on my machine, and everything worked properly.
Pull Request Checklist
Screenshots/Screencast