FEATURE: Explanation of fields on Create Recommendation Request Page

[sangitakunapuli]

User Story

• As a student
• I can see tooltips to better understand the values on the Create Recommendation Request Page
• So that I can more effectively create my request

Discussion

This feature can only be completed AFTER epic #1. Or at least after the Form component for creating Recommendation Requests is complete.

There is a way to set "tooltips" on HTML elements, i.e. little pop ups to provide help text. They provide more context about the field being input for the request.

Here is an example from proj-gauchoride:

And here is a link to the code that produces this:
https://github.com/ucsb-cs156/proj-gauchoride/blob/main/frontend/src/main/components/Ride/RideForm.js

Pay special attention to sections of code such as this:

<OverlayTrigger
                    placement="top"
                    overlay={<Tooltip>This is when you would like to picked up.</Tooltip>}
                    delay='100'
                >

Acceptance Criteria

• Tooltips for each of the fields has been added to the create recommendation request page

Implementation Todos

Frontend:

• Form component for Recommendation Request is modified according to the instructions to implement tooltips.
• For an example, check out the proj-courses or proj-gauchoride repos (ucsb-156)

Testing:

• Front end tests pass and there is adequate coverage