Implement logic to disable submission button in the editor when content is empty

[babblebey]

Currently, users can submit a new word without entering any content or title. To improve the quality of submissions, we should implement a logic that disables the submission button when either the content or title field is empty. Additionally, we should consider implementing a minimum input length requirement for the content field to ensure meaningful contributions.

Related Files:

• https://github.com/babblebey/jargons.dev/blob/main/src/pages/editor/new/index.astro
• https://github.com/babblebey/jargons.dev/blob/main/src/components/islands/word-editor.jsx

Steps:

1. Implement a check in the editor add new word action to disable the submission button if the content or title field is empty.
2. Display a message or tooltip to inform users that both fields are required for submission.
3. Consider implementing a minimum input length requirement for the content field (e.g., at least 50 characters).

Expected Behavior:

• The submission button should be disabled if the content or title field is empty.
• Users should receive a clear message or tooltip indicating that both fields are required.
• The content field should require a minimum of 50 characters for submission.

Additional Information:

• This enhancement will help improve the quality of contributions by ensuring that users provide meaningful content when submitting new words.
• I thought that at least 50 characters can assure us of a meaningful content; is this too much or less!? kindly share your thought 😉

[ShyneADL]

I'd like to take on this issue,

[babblebey]

Hey @ShyneADL, thank you for taking up this issue.

As you take this on, I have this possible edge cases in mind that I think we should factor in too

1. SUBMISSION OF WORD EDITS: Unlike pretty Straightforward Scenario when user is submitting a new word to the dictionary, where we can check that word title and word content meets a certain minimum character count to enable submission.... I want us to look at cases of WORD EDITS where No changes was made in the existing word title and word content, we also want to disable the submission button in this case where we know that no changes was/is made yet

[babblebey]

Hi @ShyneADL, How's it going with this? Need any help?? Please open a draft PR with your changes, and we can look at it together... I've got some thoughts around how to go about this implementation that I can share for sure 😉