fixed bug causing white screen

[vishruthmd]

📝 Description

This PR fixes the bug causing white screen when "Clear text" button was clicked

Fixes #179

🔍 Type of Change

• 🐞 Bug fix (non-breaking change which fixes an issue)
• ✨ New feature (non-breaking change which adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 🧹 Code refactor (cleanup or optimization)
• 🧪 Tests added/updated
• 📝 Documentation update

---

🧪 How Has This Been Tested?

1. now, once the text is typed and we click on "Clear text", a popup/dialog box leading to confirmation for clearing text pops up.

Steps:

1. Run the application
2. Write some text
3. Click on "Clear Text"
4. a Dialog box will popup
5. click on "Clear"
6. The text will safely get cleared
7. if you click on "Cancel" the dialog box is safely exited
8. now, you will not encounter the white screen at an point of this process.

📸 Screenshots / Demo (if applicable)

popup appears when "Clear text" is clicked. the textbox gets cleared when the "Clear" button is clicked in the dialog box. ---

🧠 Checklist

• My code follows the project's coding style and conventions
• I have performed a self-review of my code
• I have commented my code where necessary
• I have updated related documentation (if applicable)
• My changes generate no new warnings or errors
• I have linked related issue numbers (if any)
• All tests pass successfully

---

💬 Additional Notes

this now also works when the trash icon is clicked to clear the screen

[netlify]

✅ Deploy Preview for wordwizard-texteditor ready!

Name	Link
🔨 Latest commit	6029656
🔍 Latest deploy log	https://app.netlify.com/projects/wordwizard-texteditor/deploys/690229c97c7bc40008acb493
😎 Deploy Preview	https://deploy-preview-186--wordwizard-texteditor.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[vishruthmd]

@palchhinparihar , i have made the necessary changes! please do check :)

[palchhinparihar]

hi, @vishruthmd just add cursor-pointer on that dialog buttons

[Copilot]

Pull Request Overview

This PR standardizes code formatting across the TextForm and DialogBox components by converting inconsistent indentation to a uniform 4-space indentation pattern. Additionally, it includes two bug fixes and removes "peer": true flags from package-lock.json.

• Reformats TextForm.jsx and DialogBox.jsx with consistent 4-space indentation
• Adds setActiveOperation prop to DialogBox to properly reset UI state
• Fixes grammar check button logic in the "generate-lorem" branch
• Cleans up package-lock.json by removing unnecessary peer flags

Reviewed Changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 5 comments.

File	Description
src/components/TextForm.jsx	Standardized indentation to 4 spaces, fixed grammar check button display logic in generate-lorem branch, and passed setActiveOperation to DialogBox
src/components/DialogBox.jsx	Standardized indentation to 4 spaces and added setActiveOperation handling for proper state cleanup
package-lock.json	Removed "peer": true flags from multiple package entries

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[vishruthmd]

sure @palchhinparihar , do you want me to make the changes and open another new pull request?

[palchhinparihar]

Nah, just make your commits here! Don't need to make a new PR.

[vishruthmd]

@palchhinparihar , sorry for the delay. Now the buttons in the dialog box have the cursor-pointer.