nostr/coracle
1
0
Fork 0
mirror of https://github.com/coracle-social/coracle.git synced 2024-09-18 19:23:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

make reaction numbers clickable too.

Browse Source
This commit is contained in:
fiatjaf 2023-03-06 16:30:22 -03:00 committed by Jonathan Staab
parent 9c01895dbc
commit c60f7bf5fa
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/notes/Note.svelte
View File

@ -392,26 +392,24 @@
</div> </div>
<div class="flex justify-between text-light"> <div class="flex justify-between text-light">
<div class="flex"> <div class="flex">
<div class="w-16"> <div class="w-16" on:click|stopPropagation={startReply}>
<button class="fa fa-reply cursor-pointer" on:click|stopPropagation={startReply} /> <button class="fa fa-reply cursor-pointer" />
{$repliesCount} {$repliesCount}
</div> </div>
<div class="w-16" class:text-accent={like}> <div class="w-16" class:text-accent={like}
<button on:click|stopPropagation={() => like ? deleteReaction(like) : react("+")}>
class={cx('fa fa-heart cursor-pointer', {'fa-beat fa-beat-custom': like})} <button class={cx('fa fa-heart cursor-pointer', {'fa-beat fa-beat-custom': like})} />
on:click|stopPropagation={() => like ? deleteReaction(like) : react("+")} />
{$likesCount} {$likesCount}
</div> </div>
<div class="w-20" class:text-accent={zapped}> <div class="w-20" class:text-accent={zapped} on:click|stopPropagation={startZap}>
<button <button
class={cx("fa fa-bolt cursor-pointer", { class={cx("fa fa-bolt cursor-pointer", {
'pointer-events-none opacity-50': !canZap, 'pointer-events-none opacity-50': !canZap,
})} })} />
on:click|stopPropagation={startZap} />
{formatSats($zapsTotal)} {formatSats($zapsTotal)}
</div> </div>
<div class="w-16"> <div class="w-16" on:click|stopPropagation={() => react("-")}>
<button class="fa fa-flag cursor-pointer" on:click|stopPropagation={() => react("-")} /> <button class="fa fa-flag cursor-pointer" />
{$flagsCount} {$flagsCount}
</div> </div>
</div> </div>