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:
User
class andRegistration
method to allow thecherryPoints
field to be fetched from backendApp.css
file forProfileInfoCard
updatesCherryScoreBadge
component, using cherry png and currentuser's
cherryPoints
ProfileInfoCard.css
file with CSS for stylingProfileInfoCard
ProfileInfoCard
for stylingTo test:
User
profile
pageusername
,email
, asterisks for apassword
,cherry score
,profile image
, powered by cherry system text,edit
button, anddelete
buttoncherry 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:
categories
andtriggers.sql
triggers in your databaseUser
on postmanlocation
orreview
alocation
on postmanprofile
or refresh the page if you are already there