Add Tooltip on Icons

[reginaalyssa]

Description

Adds tooltip on hover of the icons (Invalid, Bonus, Accepted, Ineligible Repository, In Review, Pending) for the pull requests under Profile.

Closes #627

Light Mode:

Dark Mode:

Test process

Tests were done by manually running the server and checking if the tooltip appears on hover of the icon. Go to http://localhost:3000/profile and hover the mouse on any of the icons.

Requirements to merge

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code in hard-to-understand areas
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes

[reginaalyssa]

Note: I haven't added any tests for the visual change. Please let me know how to go about this.

Also I have existing unit tests failing in my local environment even before changes were made for the following tests:

• rspec ./spec/services/token_validator_service_spec.rb:17 # TokenValidatorService#valid? invalid token returns false
• rspec ./spec/services/token_validator_service_spec.rb:11 # TokenValidatorService#valid? valid token returns true
• rspec ./spec/services/github_pull_request_service_spec.rb:11 # GithubPullRequestService#pull_requests user was found returns an array of GithubPullRequests
• rspec ./spec/services/github_pull_request_service_spec.rb:21 # GithubPullRequestService#pull_requests user was not found raises a UserNotFoundOnGithubError
• rspec ./spec/services/segment_service_spec.rb:38 # SegmentService#track successful request makes the correct POST request
• rspec ./spec/services/segment_service_spec.rb:12 # SegmentService#identify successful request makes the correct POST request
• rspec ./spec/services/airrecord_table_service_spec.rb:23 # AirrecordTable the call to the API is unsuccessful returns a non 200 code
• rspec ./spec/services/airrecord_table_service_spec.rb:12 # AirrecordTable the call to the API is successful returns success status
• rspec ./spec/services/mlh_table_service_spec.rb:19 # MlhTable the call to the API is successful returns a data hash
• rspec ./spec/services/mlh_table_service_spec.rb:12 # MlhTable the call to the API is successful returns a 200 status
• rspec ./spec/services/mlh_table_service_spec.rb:32 # MlhTable the call to the API is unsuccessful returns a non 200 code
• rspec ./spec/services/github_graphql_api_client_spec.rb:34 # GithubGraphqlApiClient #request the request is succesful returns hash with correct props
• rspec ./spec/services/github_graphql_api_client_spec.rb:41 # GithubGraphqlApiClient #request invalid auth token was provided returns status 400 & raises error
• rspec ./spec/requests/sessions_controller_spec.rb:59 # SessionsController requesting protected resource user is logged in and registered the request is succesful
• rspec ./spec/services/report_airtable_updater_service_spec.rb:17 # ReportAirtableUpdaterService.call the repository does not exist does not write to airtable
• rspec ./spec/services/user_email_service_spec.rb:37 # UserEmailService #emails a valid user UserEmailService have at least one email returns an array of emails

Mostly due to key not found: "TEST_USER_GITHUB_TOKEN" Hope I can get your help in resolving these. Thank you!

[MattIPv4]

👋 Awesome -- yeah, running the test suite locally will need TEST_USER_GITHUB_TOKEN set to a valid GitHub access token I think.

The CI on the PR here runs the test suite though and everything is passing just fine :) Will pull down and review the changes shortly!

[reginaalyssa]

Yay, thank you so much! 🙏