🏠 back to Observable

Like button: Make title text match action


#1

On liked notebooks the title text still displays “Like this notebook”. I’d find it helpful if in this case the title text would match the action, namely unliking the notebook.


#2

You’re basically required to memorize that the colored heart signifies “already liked”. Of course I can only speak for myself, but I don’t pay enough attention to that part of the UI to have learned the two states, and have on occasion unliked a notebook by accident. :confused:

Here’s a gif to illustrate the problem (the loop starts with the liked state):
like-title-obshq


#3

:revolving_hearts:


#4

This is fixed! Now when you’ve liked a notebook, the title text for the button changes to “Unlike this notebook”


#5

Thanks!


#6

(For what it’s worth, this talk.observablehq.com forum uses “like this post” / “undo like” as its mouseover text.)


#7

now, riddle me this: why would I want to like my own notebook? Of course it’s my favorite :slight_smile:

would not it be more prudent to show the list of devs that liked my notebook instead when I click on the like count?

.@tom? cc @mootari