[BEAM-13252] [Playground] Feedback Thumbs Up/Down Functionality

• Type: New Feature
• Status: Resolved
• Priority: P3
• Resolution: Done
• Fix Version/s: Missing
• Component/s: beam-playground
• Labels: beam-playground-beta-launch beam-playground-frontend beam-playground-sprint-4 beam-playground-sprint-5
• Assignee: Alexander Zhuravlev
• Reporter: Artur Khanin
• Created: 15/Nov/21 17:42
• Updated: 13/Jan/22 21:49
• Resolved: 24/Dec/21 11:14

Description

As a Beam Playground user, I want to leave my feedback on Beam Playground by rating and leaving extensive feedback.

Acceptance criteria:

1. Beam Playground Rating score is added
2. Thumbs Up/Down buttons next to "Enjoying Playground?" are clickable.
3. Pressing on the Thumbs Up button increases the Beam Playground Rating score by 1.
4. Pressing on the Thumbs Down button decreases the Beam Playground Rating score by 1.
5. After pressing either Thumbs Up or Thumbs Down buttons the Feedback popup appears.
6. Pressing the Send Feedback button in the Feedback popup sends the feedback text if it is not empty.
7. Pressing the Cancel button in the Feedback popup closes the popup.

Design doc – https://www.figma.com/file/gzeYx965q4DwV6ugDzp0iG/Apache-Beam-Playground?node-id=489%3A3631

Issue Links

• links to: GitHub Pull Request #16103