edufeed-org/polloer
2
0
Fork 0
mirror of https://github.com/edufeed-org/polloer.git synced 2025-12-07 23:34:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

only react one time per browser

Browse source
This commit is contained in:
@s.roertgen 2025-04-30 10:08:43 +02:00
parent 333da0ceb6
commit 40aeab5879
1 changed files with 18 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/lib/components/Comment.svelte
View file

@ -8,6 +8,7 @@
import { login } from '$lib';
let reactions = writable([]);
let reacted = writable(window.localStorage.getItem(event.id));
async function sendReaction() {
const reactionEvent = new NDKEvent($ndk, {
@ -16,9 +17,11 @@
tags: [['e', event.id]]
});
await reactionEvent.publish();
const r = await $ndk.fetchEvents({kinds: [7], "#e": [event.id]})
console.log("r", r)
$reactions = Array.from(r);
const r = await $ndk.fetchEvents({ kinds: [7], '#e': [event.id] });
console.log('r', r);
$reactions = Array.from(r);
window.localStorage.setItem(event.id, 'true');
$reacted = true;
}
onMount(async () => {
@ -26,15 +29,21 @@
console.log('no user, logging in');
login();
}
const r = await $ndk.fetchEvents({kinds: [7], "#e": [event.id]})
console.log("r", r)
$reactions = Array.from(r);
const r = await $ndk.fetchEvents({ kinds: [7], '#e': [event.id] });
console.log('r', r);
$reactions = Array.from(r);
});
</script>
<div class="w-full border p-2">
<p>{event.content}</p>
<button onclick={() => sendReaction()}>👍</button>
<p>Reaction Count: {$reactions.length}</p>
<div class="flex gap-2">
{#if $reacted}
<span>👍 {$reactions.length}</span>
<span>Danke für deinen Vote!</span>
{:else}
<button onclick={() => sendReaction()}>👍</button>
<span>{$reactions.length}</span>
{/if}
</div>
</div>