Description:
This incredible masterpiece of code introduces a groundbreaking feature to the HomePage component – the ability to make users actually enter their email addresses. Say goodbye to the days of mysterious, empty submissions from users who apparently communicate telepathically.
Changes Made:
Added state (emailError) to track email validation error messages.
Updated the handleSubmit function to check for empty emails and display an error message if necessary.
Modified JSX to display the error message in red, ensuring users get a hint about the existence of their keyboards.
How to Test:
Navigate to the HomePage component.
Attempt to submit the form without entering an email.
Witness the magic of a red error message gracefully reminding users to type something meaningful.
Screenshots:
Behold the beauty of an error message that tells users, "Your email is missing, genius!"
Additional Notes:
Ensure you have sunglasses on when viewing the mesmerizing red error message.
This groundbreaking feature has the potential to revolutionize the way we collect user data.
Related Issue:
Solve issue #8
Checklist:
[x] The code follows the project's coding standards because who needs standards?
[x] Tests have been added because we love living on the edge.
[x] The documentation has been updated because who doesn't love reading?
Bounty Request:
In recognition of the heroic effort put into solving this groundbreaking issue, I kindly request a bounty of one imaginary golden unicorn. If golden unicorns are in short supply, I will also accept a virtual high-five.
Closing Note:
May this code be forever remembered as the turning point in human-computer interaction history. Your gratitude and virtual unicorns are appreciated : )
Pull Request Description:
Description: This incredible masterpiece of code introduces a groundbreaking feature to the
HomePage
component – the ability to make users actually enter their email addresses. Say goodbye to the days of mysterious, empty submissions from users who apparently communicate telepathically.Changes Made:
emailError
) to track email validation error messages.handleSubmit
function to check for empty emails and display an error message if necessary.How to Test:
HomePage
component.Screenshots: Behold the beauty of an error message that tells users, "Your email is missing, genius!"
Additional Notes:
Related Issue: Solve issue #8
Checklist:
Bounty Request: In recognition of the heroic effort put into solving this groundbreaking issue, I kindly request a bounty of one imaginary golden unicorn. If golden unicorns are in short supply, I will also accept a virtual high-five.
Closing Note: May this code be forever remembered as the turning point in human-computer interaction history. Your gratitude and virtual unicorns are appreciated : )
ScreenShots With Modification![image](https://github.com/cap-so/cap/assets/117038630/e5bdfa36-4842-4f40-8bd0-d3a617e3af4b)
Without Modifications![image](https://github.com/cap-so/cap/assets/117038630/3abfd790-c5e4-4506-9c4e-2c56bf35db6d)