custom bar
This commit is contained in:
parent
d50979077a
commit
69cf462662
3 changed files with 45 additions and 4 deletions
|
@ -2,14 +2,17 @@
|
|||
let { roomId } = $props()
|
||||
|
||||
let input = $state("")
|
||||
let disabled = $state(false)
|
||||
|
||||
async function sendSong() {
|
||||
disabled = true
|
||||
await fetch(`/api/addsong?room=${roomId}&query=${input}`, { method: "POST" })
|
||||
input = ""
|
||||
disabled = false
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="flex h-full w-full flex-row items-center gap-2 rounded border-2 border-lime-600 bg-lime-500">
|
||||
<div class={`flex h-full w-full flex-row items-center gap-2 rounded border-2 border-lime-600 bg-lime-500 ${disabled ? "disabled" : ""}`}>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Song & Artist"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue