kot.pink
1{{ define "repo/fragments/reaction" }}
2 <button
3 id="reactIndi-{{ .Kind }}"
4 class="flex justify-center items-center min-w-8 min-h-8 rounded border
5 leading-4 px-3 gap-1
6 {{ if eq .Count 0 }}
7 hidden
8 {{ end }}
9 {{ if .IsReacted }}
10 bg-sky-100
11 border-sky-400
12 dark:bg-sky-900
13 dark:border-sky-500
14 {{ else }}
15 border-gray-200
16 hover:bg-gray-50
17 hover:border-gray-300
18 dark:border-gray-700
19 dark:hover:bg-gray-700
20 dark:hover:border-gray-600
21 {{ end }}
22 "
23 {{ if .IsReacted }}
24 hx-delete="/react?subject={{ .ThreadAt }}&kind={{ .Kind }}"
25 {{ else }}
26 hx-post="/react?subject={{ .ThreadAt }}&kind={{ .Kind }}"
27 {{ end }}
28 hx-swap="outerHTML"
29 hx-trigger="click from:(#reactBtn-{{ .Kind }}, #reactIndi-{{ .Kind }})"
30 hx-disabled-elt="this"
31 >
32 <span>{{ .Kind }}</span> <span>{{ .Count }}</span>
33 </button>
34{{ end }}