Skip to content

Bug Fix: Resolve Like Button Click Issue with Visual Indication#737

Closed
hbSrujana wants to merge 3 commits intovishanurag:mainfrom
hbSrujana:fix-like-button-issue
Closed

Bug Fix: Resolve Like Button Click Issue with Visual Indication#737
hbSrujana wants to merge 3 commits intovishanurag:mainfrom
hbSrujana:fix-like-button-issue

Conversation

@hbSrujana
Copy link

Screenshot 2024-10-18 144713
Bug Fix: Resolve Like Button Click Issue with Visual Indication.

Related Issue
Closes: #596

Description :
This pull request addresses the issue with the like button, where clicking the button did not result in any visual feedback or state change. The following modifications have been made:

Implemented a visual change to the like button such that when clicked, the heart border turns red to indicate that the like action has been registered.
Ensured that the like count toggles between outlined and filled heart states correctly upon each click, providing a clear indication of the button's state.
These changes improve user interaction by giving immediate feedback on the action taken, enhancing the overall user experience.

How Has This Been Tested? ⚙️
The changes have been tested using Visual Studio Code on Windows 11. I verified that clicking the like button now changes the heart border color and updates the like count as expected

Screenshots 📷
Screenshot 2024-10-18 143124
Screenshot 2024-10-20 125831
Screenshot 2024-10-20 125909
Screenshot 2024-10-18 144713

Type of change :
What sort of changes have you made:
Bug fix (non-breaking change which fixes an issue)

Checklist :
My code follows the code style of this project.
I have followed the contribution guidelines.
I have performed a self-review of my own code.
I have ensured my changes don't generate any new warnings or errors.
[x] I have updated the documentation (if necessary).
[x] I have resolved all merge conflicts.

@netlify
Copy link

netlify bot commented Oct 20, 2024

Deploy Preview for tourmaline-bavarois-d21f10 ready!

Name Link
🔨 Latest commit 21dafc2
🔍 Latest deploy log https://app.netlify.com/sites/tourmaline-bavarois-d21f10/deploys/673724a99ba6c80008ec8f80
😎 Deploy Preview https://deploy-preview-737--tourmaline-bavarois-d21f10.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 Thank you @hbSrujana for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better

@aslams2020
Copy link

This PR has been merged by GSSoC extended team
here - sanjay-kv/Open-source-Practice#1344

@hbSrujana You'll get the points in the next leaderboard update

@hbSrujana
Copy link
Author

hbSrujana commented Nov 9, 2024 via email

@hbSrujana
Copy link
Author

Conflicts have been resolved, and the PR has been merged! 🎉
Please make sure to pull the latest changes from main to stay up-to-date.

@vishanurag vishanurag closed this Nov 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Like Button Not Working in Creative Canvas Blog

4 participants