diff --git a/src/renderer/features/player/components/center-controls.tsx b/src/renderer/features/player/components/center-controls.tsx index 35daed99..ec65e5c0 100644 --- a/src/renderer/features/player/components/center-controls.tsx +++ b/src/renderer/features/player/components/center-controls.tsx @@ -12,6 +12,7 @@ import { RiSkipBackFill, RiSkipForwardFill, RiSpeedFill, + RiStopFill, } from 'react-icons/ri'; import styled from 'styled-components'; import { Text } from '/@/renderer/components'; @@ -145,6 +146,15 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => { <> + } + tooltip={{ + label: 'Stop', + openDelay: 500, + }} + variant="tertiary" + onClick={handleStop} + /> } diff --git a/src/renderer/features/player/hooks/use-center-controls.ts b/src/renderer/features/player/hooks/use-center-controls.ts index ca2640fb..e8c5cbf2 100644 --- a/src/renderer/features/player/hooks/use-center-controls.ts +++ b/src/renderer/features/player/hooks/use-center-controls.ts @@ -116,7 +116,8 @@ export const useCenterControls = (args: { playersRef: any }) => { mprisUpdateSong({ status: PlayerStatus.PAUSED }); if (isMpvPlayer) { - mpvPlayer.stop(); + mpvPlayer.pause(); + mpvPlayer.seekTo(0); } else { stopPlayback(); }