2025-summer/team-1
12
Fork 0
Code Issues Pull requests Projects Releases Activity

anti vote spam system

Browse source
This commit is contained in:
Simone Tesini 2025-08-02 11:51:51 +02:00
parent fb34d2e945
commit ba2b5f04c6
1 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/lib/components/SuggestionList.svelte
View file

@ -1,13 +1,24 @@
<script lang="ts"> <script lang="ts">
import type { Suggestion } from "$lib/types" import type { Suggestion } from "$lib/types"
import { ThumbsUp, ThumbsDown } from "@lucide/svelte" import { ThumbsUp, ThumbsDown } from "@lucide/svelte"
import { onMount } from "svelte"
let { suggestions = $bindable(), roomId }: { suggestions: Suggestion[]; roomId: string } = $props() let { suggestions = $bindable(), roomId }: { suggestions: Suggestion[]; roomId: string } = $props()
let picked_suggestions: string[] = $state([])
async function vote(idx: number, amount: number, songId: string) { async function vote(idx: number, amount: number, songId: string) {
if (picked_suggestions.includes(songId)) return console.log("rejecting vote")
suggestions[idx].upvote += amount suggestions[idx].upvote += amount
await fetch(`/api/song/voting?room=${roomId}&song=${songId}&increment=${amount}`, { method: "POST" }) await fetch(`/api/song/voting?room=${roomId}&song=${songId}&increment=${amount}`, { method: "POST" })
picked_suggestions.push(songId)
console.log("accepted vote")
sessionStorage.setItem("picked_suggestions", JSON.stringify(picked_suggestions))
} }
onMount(() => {
picked_suggestions = JSON.parse(sessionStorage.getItem("picked_suggestions") ?? "[]")
})
</script> </script>
<div class="flex h-full w-full flex-col items-center gap-2 overflow-y-auto"> <div class="flex h-full w-full flex-col items-center gap-2 overflow-y-auto">
@ -34,14 +45,16 @@
</div> </div>
<div class="flex w-1/4 flex-row items-center justify-center gap-2"> <div class="flex w-1/4 flex-row items-center justify-center gap-2">
<button <button
class="text-green-500" class={!picked_suggestions.includes(sug.uuid) ? "text-light-pine-green duration-100 hover:scale-150 dark:text-dark-pine-green" : "text-light-pine-muted dark:text-dark-pine-muted"}
disabled={!!picked_suggestions.includes(sug.uuid)}
onclick={async () => { onclick={async () => {
await vote(idx, 1, sug.uuid) await vote(idx, 1, sug.uuid)
}}><ThumbsUp /></button }}><ThumbsUp /></button
> >
<p class="font-semibold text-white">{sug.upvote}</p> <p class="font-semibold text-light-pine-text dark:text-dark-pine-text">{sug.upvote}</p>
<button <button
class="text-red-500 duration-100 hover:scale-150" class={!picked_suggestions.includes(sug.uuid) ? "text-light-pine-red duration-100 hover:scale-150 dark:text-dark-pine-red" : "text-light-pine-muted dark:text-dark-pine-muted"}
disabled={!!picked_suggestions.includes(sug.uuid)}
onclick={async () => { onclick={async () => {
await vote(idx, -1, sug.uuid) await vote(idx, -1, sug.uuid)
}}><ThumbsDown /></button }}><ThumbsDown /></button