From 9b427b7a24360cfdd07c7722665ef7f8df69fa07 Mon Sep 17 00:00:00 2001
From: Nuwan <nuwanchaturanga@gmail.com>
Date: Sat, 28 Dec 2024 00:11:13 +0530
Subject: [PATCH] fix audio player js ref error

---
 jam-ui/src/components/jamtracks/JKAudioPlayer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/jam-ui/src/components/jamtracks/JKAudioPlayer.js b/jam-ui/src/components/jamtracks/JKAudioPlayer.js
index 32387085d..e9f1c6537 100644
--- a/jam-ui/src/components/jamtracks/JKAudioPlayer.js
+++ b/jam-ui/src/components/jamtracks/JKAudioPlayer.js
@@ -130,7 +130,7 @@ const JKAudioPlayer = ({ audioUrl }) => {
         <div className="controls">
           <div className="play-container">
             <button
-              onClick={togglePlayPause}
+              onClick={(e) => togglePlayPause(e)}
               className="play-pause-button"
             >
               {isPlaying ? (
@@ -146,11 +146,11 @@ const JKAudioPlayer = ({ audioUrl }) => {
             <div className="length"></div>
           </div>
           {/* <div className="name">Music Song</div> */}
-          <div className="timeline" onClick={onClickTimeline}>
+          <div className="timeline" onClick={(e) => onClickTimeline(e)}>
             <div className="progress"></div>
           </div>
           <div className="volume-container">
-            <div className="volume-button" onClick={onVolumeButtonClick}>
+            <div className="volume-button" onClick={(e) => onVolumeButtonClick(e)}>
               <div className="volume">
                 {isMuted ? (
                   <FontAwesomeIcon icon="volume-off" width={30} height={30} />