fix: correct propagation on settings menu (#1453)

* fix propagation error on settings menu

src/renderer/features/player/components/player-config.tsx

@@ -407,6 +407,7 @@ export const PlayerConfig = () => {
                         size: 'lg',
                     }}
                     size="sm"
+                    stopsPropagation
                     tooltip={{
                         label: t('common.setting_other', { postProcess: 'titleCase' }),
                         openDelay: 0,

src/renderer/features/player/components/right-controls.tsx

@@ -95,7 +95,10 @@ const AutoDJButton = () => {
 
     return (
         <Button
-            onClick={toggleAutoDJ}
+            onClick={(e) => {
+                e.stopPropagation();
+                toggleAutoDJ();
+            }}
             size="compact-xs"
             style={{ color: settings.enabled ? 'var(--theme-colors-primary)' : undefined }}
             uppercase

src/renderer/features/shared/components/list-config-menu.tsx

@@ -202,6 +202,7 @@ export const ListConfigTable = ({
 }) => {
     return (
         <Table
+            onClick={(e) => e.stopPropagation()}
             style={{ borderRadius: '1rem' }}
             styles={{ th: { backgroundColor: 'initial', padding: 'var(--theme-spacing-md) 0' } }}
             variant="vertical"

src/shared/components/action-icon/action-icon.tsx

@@ -16,6 +16,7 @@ export interface ActionIconProps
         MantineActionIconProps {
     icon?: keyof typeof AppIcon;
     iconProps?: Omit<IconProps, 'icon'>;
+    stopsPropagation?: boolean;
     tooltip?: Omit<TooltipProps, 'children'>;
 }
 
@@ -26,13 +27,20 @@ const _ActionIcon = forwardRef<HTMLButtonElement, ActionIconProps>(
             classNames,
             icon,
             iconProps,
+            onClick,
             size = 'sm',
+            stopsPropagation,
             tooltip,
             variant = 'default',
             ...props
         },
         ref,
     ) => {
+        const handleClick = (e: any) => {
+            if (stopsPropagation) e.stopPropagation();
+            if (onClick) onClick(e);
+        };
+
         const actionIconProps: ActionIconProps = {
             classNames: {
                 root: styles.root,
@@ -41,6 +49,7 @@ const _ActionIcon = forwardRef<HTMLButtonElement, ActionIconProps>(
             size,
             variant,
             ...props,
+            onClick: handleClick,
         };
 
         if (tooltip && icon) {