Add new page with input text field when selecting "no" for "Did you feel safe with this person's behavior?" during reference flow

[jesseallhands]

Problem:

When leaving a reference for someone, there is no way for a user to give private feedback to the Safety Team when selecting "no" in response to the question "Did you feel safe with this person's behavior?"

Solution:

If the user selects "no" in response to the "did you feel safe?" question, when the user clicks the "next" button, it should take them to a new "private feedback" page where they can share information with the Safety Team privately. This new page is what this issue is building.

Here is the desired behavior/flow:

1. Upon clicking the "next" button after answering "no", the user should be taken to the new "submit private feedback to the Safety Team" page. This new page should have an outlined text field (text area) to give the user plenty of room to provide information. (see screenshot 1 below)

   • Input should be optional. However, there should be a warning if the user enters no text and clicks "next". (See screenshot 2 below)
   • See final design below in Screenshot 1 & 2. The full reference flow is here for context.
   • Note 1: File upload is NOT currently planned but may be added later
   • Note 2: It is intentional that the text field is on a separate page because it increases the likelihood of the user actually submitting feedback (rather than just changing their response to "avoid the hassle".

2. The new "private feedback" page will also be used if the user submits a "negative experience" rating on the slider page of the reference flow. See issue Enable users to provide private feedback to Safety Team if they rate "bad experience" on slider during reference flow #5181 For that reason, keep in mind:

   • If the user enters text due to the "feel safe? No" step, that text must be retained so if the user rates their experience bad and they are taken to the "private feedback" page again, they can update or add to the text.
   • Note: The text at the top You answered that you felt unsafe with this person's behavior will be different if the user visits the page from the "experience slider" page. In that case it will say You answered that you had a negative experience

3. Once submitted, the private feedback will be sent to [email protected] and stored on the backend using the existing "report" functionality.

Screenshot 1
New "private feedback" page:

Screenshot 2
Warning if user clicks "next" with no text in the input text field:

Tasks:

• [ X ] Backend changes to enable appending the submitted text to the DB
• [ X ] Backend changes to enable notification of support at [email protected] (similar mechanic as reports currently work)
• Frontend: Add new page with outlined text field (text area)
• Frontend: Add warning if user clicks "next" without entering any text.
• Frontend: Update "did you feel safe?" page so that if the answer is no, the user will be taken to new "private feedback" page when the user clicks "next".
• Frontend: Use existing report user/content API to submit a report with the private feedback from the text field when the reference is submitted on the last page of the reference flow.
• UI/UX Testing

[jesseallhands]

Related to #3443 and #4194

[aapeliv]

This has been implemented a looong time ago in backend: #2307

[nabramow]

Going through tickets for new project board. Am I correct this still needs the frontend done? @aapeliv @jesseallhands ?

[jesseallhands]

Yes, and it's an important one for our safety goal.

[bakeiro]

@jesseallhands @nabramow
is this is missing the UI/UX, I guess should be moved to the backlog and considered not ready?

[jesseallhands]

This is designed. For full context, below are screenshots of the "final design" of the reference flow. There is some clunkiness to them (fonts, colors, spacing, etc) may be a little off, but the overall design and the texts in the screenshots below should be correct. Some parts of the "final design" pictured below (especially texts) don't match what is currently in prod.

Did you feel safe? Yes/no page

The page in the screenshot below is what this github issue is meant to build

If user says no, they felt unsafe, then the text box appears so they can privately share what happened with the safety team -
NOTE: The file upload part can be omitted for now - that will be dealt with on a separate ticket in the future - or omitted altogether.

If the user does not enter any text into the box, a warning appears to encourage them to privately share what happened and help keep the community safe:

Experience slider page

"Public reference" page where user writes the reference that appears on the user's profile

The thank-you page after the reference is submitted by the user - Needs new github issue to update from current version of "thank you" page

There are some other related open issues to bring what is currently on prod closer to the final design, like issues #5158, #3443 and #4194, but these are not as high priority as adding the input text box so users can privately give us feedback about people.

[bakeiro]

@jesseallhands I feel this tickets it's a mix of different ideas/problems, the title says Add text field when selecting "no" for "Did you feel safe with this person's behavior?" during review but I see a lot of screenshots, some tickets related the feedback slider and other comments, I believe this should be broken down into smallers/more specific tickets.... you want me to do it?

[jesseallhands]

Sorry, I should have clarified: I just posted the whole flow for context. This issue is just for adding the text box / updating the wording of the existing text for the "did you feel safe? yes/no" part.

A new ticket needs to be created for the text box on the experience slider page (for when someone had a bad experience).

[nabramow]

@bakeiro Feel free to edit it if you see fit! I was just making sure stuff I was moving from the old upcoming to the backlog were still relevant.

[jesseallhands]

@nabramow and @bakeiro I edited this issue and the design section to be more clear. I will also update the design screenshots a bit because I realized it makes sense to just have one "submit private feedback" page rather than two pages.

Updating the "how was your experience?" slider page to take the user to the new private feedback page can be handled on a separate github issue (which I'm composing right now).

[bakeiro]

@nabramow and @bakeiro I edited this issue and the design section to be more clear. I will also update the design screenshots a bit because I realized it makes sense to just have one "submit private feedback" page rather than two pages.

Updating the "how was your experience?" slider page to take the user to the new private feedback page can be handled on a separate github issue (which I'm composing right now).

Awesome!! 🤩