From 71f707b5c228495b80e04eef68793a54a7be2a66 Mon Sep 17 00:00:00 2001
From: Caleb Allen <caleballen1276@gmail.com>
Date: Sun, 13 Apr 2025 17:59:13 -0400
Subject: [PATCH] fixed seek bar holding behavior

---
 .../audio-player/seekbar/seek-bar.ts           | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/audio-player/seekbar/seek-bar.ts b/frontend/src/components/audio-player/seekbar/seek-bar.ts
index ba15bcd..8e01de4 100644
--- a/frontend/src/components/audio-player/seekbar/seek-bar.ts
+++ b/frontend/src/components/audio-player/seekbar/seek-bar.ts
@@ -12,14 +12,14 @@ export class SeekBar extends SignalWatcher(LitElement) {
   progressIntervalMillis: number = 1000;
 
   @property()
-  isPlaying: boolean = true;
+  isPlaying: boolean = false;
 
   timerID: number = -1;
   private rangeRef = createRef<SlRange>();
 
   constructor(){
     super();
-    this.startProgress();
+    this.stopProgress();
   }
   static override styles = css`
   sl-range::part(base) {
@@ -33,9 +33,19 @@ export class SeekBar extends SignalWatcher(LitElement) {
   `;
   override render() {
     return html`
-    <sl-range value="${progress.get()}" ${ref(this.rangeRef)} @sl-change="${(event: CustomEvent) => {
+    <sl-range
+    value="${progress.get()}"
+    ${ref(this.rangeRef)}
+    @sl-change="${(event: CustomEvent) => {
       this.setProgressValue((event.target as SlRange).value);
-      }}"></sl-range>
+      if(this.isPlaying) this.startProgress();
+      else this.stopProgress();
+      }}"
+    @sl-input="${() => {
+      var playing = this.isPlaying;
+      this.stopProgress();
+      this.isPlaying = playing;
+    }}"></sl-range>
     `;
   }