Rate this session feature

[eleanorreem]

Overview

We want feedback for our content so we can do better. We are implementing a "rate this session" feature on all our sessions.

Full page layout:

Desktop designs:

Mobile designs:

Please note this ticket is blocked by this backend ticket

Action Items

• If you would like access to the figma files for more exact spacing - please ping @eleanorreem. However, it doesn't have to be pixel perfect but getting it as close to the eye as possible. If you have any responsiveness questions, please comment below with any questions and tag @eleanorreem
• Create the new form in /components/forms
• Add the form to the page /pages/courses/[slug]/[sessionSlug].tsx
• Add the text strings to the /messages/courses folder. Fill all the non english files with english and this will be translated at a later date before we release the feature.
• When the user submits - you need to hit the new POST /api/v1/session-feedback
• Show the success screen. If there are any failures, for now, we will just show the success screen. Ensure the error is logged in rollbar and then we can follow up with a fix.
• Update the test /cypress/integration/user-course-session-behaviour.cy.tsx. You should add a step to fill out the feedback form and ensure that the test results are correct.

Resources/Instructions

• As much as possible, please use components already made. If you need to add variations on a component, please do.
• Our form components are currently stored in /components/forms. Please store this component there too.
• Please reuse the checkbox and form field components used on the /components/forms/AboutYouDemographicForm.tsx. This form can be used as a guide on how to structure your forms.