add feedbfeedback popup box #169 issue#350
add feedbfeedback popup box #169 issue#350chilaka-eswari wants to merge 3 commits intoopensource-society:mainfrom
Conversation
There was a problem hiding this comment.
Greptile Summary
This PR adds a feedback modal popup system to the code editor page (pages/editor.html) to address issue #169. The implementation includes a custom modal with a 5-star rating system and a textarea for user comments that appears when users click the "Run Code" button.
The change integrates a complete feedback collection interface directly into the editor page using embedded JavaScript and CSS. The modal features an interactive star rating system with hover effects, visual feedback for selected ratings, and a text input for additional comments. The modal is styled with a dark overlay and centered positioning to provide a focused user experience.
However, the current implementation fundamentally alters the expected behavior of the "Run Code" button. Instead of executing code (which would be the primary expectation for users), clicking the button now only displays the feedback modal. The feedback data is captured but only logged to the browser console rather than being persisted to any backend system or local storage.
The code follows a straightforward approach by embedding all feedback-related functionality directly in the HTML file, including inline styles and JavaScript event handlers, rather than utilizing the existing modular structure with separate script files found in the /scripts directory.
Confidence score: 2/5
- This PR breaks core functionality by replacing code execution with a feedback modal, making it unsafe to merge as-is.
- The score reflects that while the feedback UI works correctly, it completely disrupts the primary purpose of the "Run Code" button and doesn't integrate properly with existing functionality.
- The
pages/editor.htmlfile needs significant attention to restore code execution functionality while preserving the feedback feature.
1 file reviewed, 1 comment
pages/editor.html
Outdated
| runCodeBtn.addEventListener("click", () => { | ||
| feedbackModal.style.display = "flex"; | ||
| }); |
There was a problem hiding this comment.
logic: This breaks the 'Run Code' functionality - users expect code execution, not just a feedback modal. Consider showing the modal after actual code execution or adding a separate feedback trigger.
Issue #169 has been successfully resolved.
The problem required displaying a custom feedback form (including a 5-star rating system and a text input for comments) when a user clicked the “Run Code” button.
The fix involved implementing:
A custom modal popup for user feedback
An interactive 5-star rating system using JavaScript
A feedback textarea
Since this involved JavaScript logic for interactivity (hover, selection, dynamic updates), @adityai0 @Shrutik-0101 please upgraded from Level 1 to Level 2 to reflect the actual scope and complexity of work completed.