Report Flow Touchup

[jennifer-luo-dev]

Reports Page – Draft Report Title and Clear Functionality

Brianna, Hande

Overview

This ticket implements improvements to the draft report experience on the Reports page. The changes include ensuring that the user-entered report title is reflected in the report and implementing the Clear button functionality for draft reports. The Clear action should follow the Figma design, including a confirmation popup and proper backend handling to remove all elements from the in-progress report.

Task

Update the Reports page to:

• Display the user-input report title within the report
• Implement the Clear button functionality for draft reports
• Add a confirmation popup that follows the Figma design
• Ensure the backend deletes all elements from the in-progress report when cleared
• Reload the page so the cleared report state is reflected in the UI

Task Breakdown

Report Title

• Ensure the title entered by the user is reflected in the report
• Confirm the title persists correctly while editing the draft report
• Ensure the title updates correctly if the user edits it

Clear Button Implementation

• Implement the Clear button functionality on the Reports page for the draft report
• Ensure the button triggers a confirmation popup before any action is taken

Clear Confirmation Popup

• Implement the popup according to the Figma design
• Popup should close when clicking outside of it
• Popup should close when clicking the “X” in the top right corner
• Popup should include Cancel and Clear actions

Cancel Behavior

• When Cancel is clicked, close the popup
• Do not perform any backend actions
• Leave the draft report unchanged

Clear Behavior

• When Clear is clicked, send a request to the backend to delete all elements from the in-progress report
• Ensure all charts and report elements associated with the draft report are removed

Client-Side Refresh

• After the backend clears the in-progress report, reload the Reports page
• Confirm the draft report now displays with no charts or elements
• Ensure the UI correctly reflects the empty draft report state

Acceptance Criteria

• User-entered report title appears correctly in the report
• Clicking Clear opens the confirmation popup
• Popup closes when clicking outside it or clicking the X
• Clicking Cancel closes the popup and does not modify the report
• Clicking Clear deletes all elements from the in-progress report in the backend
• The Reports page reloads after clearing
• The draft report displays with no charts after clearing
• No console errors or UI regressions occur