Created CherryScoreBadge component, using cherry png and current user'scherryPoints
Added ProfileInfoCard.css file with CSS for styling ProfileInfoCard
Refactored ProfileInfoCard for styling
To test:
[ ] Login with a User
[ ] Navigate to profile page
[ ] You should see a profile info card with: your user's username, email, asterisks for a password, cherry score, profile image, powered by cherry system text, edit button, and delete button
[ ] If you have 0 cherry points, you will see a red pill shape with text saying you have no points
[ ] If you have more than 0 cherry points, you will see a green pill shape with your score
[ ] Do not log out yet
To gain points:
[ ] Double check you have some categories and triggers.sql triggers in your database
[ ] Login with a User on postman
[ ] Submit a new location or review a location on postman
[ ] Return to browser, navigate to profile or refresh the page if you are already there
[ ] Points should be reflected in the pill shape, with a green background and score or with updated score
Will test for thumb up/down points at a later date
Summary:
Userclass andRegistrationmethod to allow thecherryPointsfield to be fetched from backendApp.cssfile forProfileInfoCardupdatesCherryScoreBadgecomponent, using cherry png and currentuser'scherryPointsProfileInfoCard.cssfile with CSS for stylingProfileInfoCardProfileInfoCardfor stylingTo test:
Userprofilepageusername,email, asterisks for apassword,cherry score,profile image, powered by cherry system text,editbutton, anddeletebuttoncherry points, you will see a red pill shape with text saying you have no pointscherry points, you will see a green pill shape with your scoreTo gain points:
categoriesandtriggers.sqltriggers in your databaseUseron postmanlocationorreviewalocationon postmanprofileor refresh the page if you are already there