# Like button: Make title text match action

**URL:** <https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104>\
**Category:** Feedback\
**Created:** [August 17, 2018, 11:28am UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104 "2018-08-17T11:28:39Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)\
**Post date:** [August 17, 2018, 11:28am UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104/1 "2018-08-17T11:28:39Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)\
**Post date:** [August 20, 2018, 8:04pm UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104/2 "2018-08-20T20:04:29Z")

</div>

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. 😕

Here’s a gif to illustrate the problem (the loop starts with the liked state):  
 ![like-title-obshq](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/1X/e8f9f5b9cfe86713c7a58ea818ee5958e60aae99.gif)

---

<div class="post-metadata">

**Author:** ![RandomFractals](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/randomfractals/32/759_2.png) [@RandomFractals](https://talk.observablehq.com/u/RandomFractals)\
**Post date:** [August 20, 2018, 8:13pm UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104/3 "2018-08-20T20:13:08Z")

</div>

💞

---

<div class="post-metadata">

**Author:** ![tom](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/tom/32/2262_2.png) [@tom](https://talk.observablehq.com/u/tom)\
**Post date:** [August 20, 2018, 11:31pm UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104/4 "2018-08-20T23:31:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)\
**Post date:** [August 21, 2018, 3:14pm UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104/5 "2018-08-21T15:14:34Z")

</div>

Thanks!

---

<div class="post-metadata">

**Author:** ![jrus](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/jrus/32/586_2.png) [@jrus](https://talk.observablehq.com/u/jrus)\
**Post date:** [August 22, 2018, 6:31am UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104/6 "2018-08-22T06:31:48Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![RandomFractals](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/randomfractals/32/759_2.png) [@RandomFractals](https://talk.observablehq.com/u/RandomFractals)\
**Post date:** [October 1, 2018, 4:33pm UTC](https://talk.observablehq.com/t/like-button-make-title-text-match-action/1104/7 "2018-10-01T16:33:48Z")

</div>

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

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
