How can I make a like button?

Ask for Help
1

How can I create a button that increases the number of likes on a post by one and decreases it by one when clicked again? It also must go from a hollow heart (when not clicked) to a filled heart (when clicked)

2

Hi @hezeking,

First, in your data, you create 4 columns :

  1. Number Column for Likes
  2. Image Column for hollow heart (IMG 1)
  3. Image Column for filled heart (IMG 2)
  4. If-Then-Else Column with this : If Likes > 0 then “IMG2” else “IMG1”

Something like that :

Capture d’écran 2023-08-07 à 23.12.22
Capture d’écran 2023-08-07 à 23.12.22936×632 53.7 KB

After, in your layout, add a component image with the If-then-else column

Finally, you must create an action like this :

Capture d’écran 2023-08-07 à 23.14.30
Capture d’écran 2023-08-07 à 23.14.302378×1038 119 KB

The result must be something like this :

1 Like