feedback popup box #169 issue#337
feedback popup box #169 issue#337chilaka-eswari wants to merge 1 commit intoopensource-society:mainfrom
Conversation
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
There was a problem hiding this comment.
Greptile Summary
This PR implements a feedback modal popup system for the code editor page in response to issue #169. The changes add a custom feedback form that appears when users click the "Run Code" button, featuring a 5-star rating system with interactive hover effects and a textarea for user comments.
The implementation is contained entirely within pages/editor.html and includes:
- A modal popup with fixed positioning and backdrop styling
- An interactive 5-star rating component built with JavaScript that provides visual feedback on hover and click
- Event handlers for showing/hiding the modal
- Form submission logic that currently logs feedback to the console
The code uses inline CSS and JavaScript to keep the functionality self-contained within the HTML file. The star rating system dynamically updates based on user interaction, highlighting stars on hover and maintaining the selected rating. The modal can be closed by clicking the close button or outside the modal area.
This change integrates with the existing CodeClip editor interface by intercepting the "Run Code" button click event, though it fundamentally alters the button's behavior from executing code to displaying the feedback form.
Confidence score: 2/5
- This PR has a critical functional issue that breaks the core code execution workflow
- The feedback modal completely replaces code execution instead of appearing after it, which likely misinterprets the original requirement
- The
pages/editor.htmlfile needs immediate attention to restore code execution functionality while preserving the feedback feature
1 file reviewed, 1 comment
| runCodeBtn.addEventListener("click", () => { | ||
| feedbackModal.style.display = "flex"; | ||
| }); |
There was a problem hiding this comment.
logic: This replaces code execution with feedback modal. The feedback should appear after running code, not instead of it.
2 participants
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.