Display Notification When User Likes Research Note

[noi5e]

Description

Let's display a notyNotification when a user likes a research note. And also a second notification when the user dislikes a research note.

See this thread for more context.

Why Do This?

Here's a video of what happens when a user likes a research note:

Screen.Recording.2021-03-22.at.12.44.22.PM.mov

1. It's not clear to the user what this star button does. No hover tooltip, no notification.
2. There is a slight delay (probably due to slowness in the controller) between when the user clicks, and the star gets filled in. A hover tooltip can really help here to reduce UX confusion.

For example, here's the notification that we use when a user posts a comment (in the top-right corner):

Screen.Recording.2021-03-22.at.12.50.41.PM.mov

How to Implement

The comment example above is done here in create.js.erb:

plots2/app/views/comments/create.js.erb

Line 42 in 07a243d

notyNotification('mint', 3000, 'success', 'topRight', 'Comment Added!');

We can add similar notyNotifications here in like.js, depending on if the research note is liked or disliked:

plots2/app/assets/javascripts/like.js

Lines 14 to 25 in 07a243d

	function changeLikeStatus(node_id, method) {
	$('#like-button-' + node_id).off();
	$.getJSON("/likes/node/" + node_id + method)
	.then(function(resp) {
	updateLikeCount(parseInt(resp), node_id);
	renderLikeStar(parseInt(resp), node_id);
	})
	.then(function(resp) {
	let method1 = method === "/delete" ? clicknotliked : clickliked
	$('#like-button-' + node_id).on('click', method1);
	});
	}

[jcads]

Can I work on this one?

[noi5e]

@jcads Yeah, go for it! Post a comment here if you need any pointers, or if you need some help. :)

[RuthNjeri]

oh, sorry this is not a first-timer issue... my bad @jcads sorry for the confusion...

[sahilsaha7773]

As there is no update on this, can I take up this issue?

[noi5e]

@sahilsaha7773 I am assuming that @jcads is working on it, they'll let you know if they stop working on it.

[sahilsaha7773]

@sahilsaha7773 I am assuming that @jcads is working on it, they'll let you know if they stop working on it.

okay sure, thanks!

[jcads]

@sahilsaha7773 I am assuming that @jcads is working on it, they'll let you know if they stop working on it.

Yes I am still working on this. Will open a PR in a couple of days, I just have to finish some internship stuff.

[jcads]

@noi5e here's what I came up with:

What do you think?