From a5f28e49eb638421e6ff580638d5aa15b42f5b8b Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 7 Jul 2025 23:20:05 -0700
Subject: [PATCH] fix click propagation on PlayButton

---
 src/renderer/features/player/components/player-button.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/player/components/player-button.tsx b/src/renderer/features/player/components/player-button.tsx
index 9071c8a0..120fed9e 100644
--- a/src/renderer/features/player/components/player-button.tsx
+++ b/src/renderer/features/player/components/player-button.tsx
@@ -61,7 +61,7 @@ interface PlayButtonProps extends Omit<ActionIconProps, 'icon' | 'variant'> {
 }
 
 export const PlayButton = forwardRef<HTMLButtonElement, PlayButtonProps>(
-    ({ isPaused, ...props }: PlayButtonProps, ref) => {
+    ({ isPaused, onClick, ...props }: PlayButtonProps, ref) => {
         return (
             <ActionIcon
                 className={styles.main}
@@ -69,6 +69,10 @@ export const PlayButton = forwardRef<HTMLButtonElement, PlayButtonProps>(
                 iconProps={{
                     size: 'lg',
                 }}
+                onClick={(e) => {
+                    e.stopPropagation();
+                    onClick?.(e);
+                }}
                 ref={ref}
                 tooltip={{
                     label: isPaused