From 10d766473303f5a58ea1444949cb76486af729dc Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 21 May 2023 03:17:45 -0700
Subject: [PATCH] Add stop button to playerbar

---
 .../features/player/components/center-controls.tsx     | 10 ++++++++++
 .../features/player/hooks/use-center-controls.ts       |  3 ++-
 2 files changed, 12 insertions(+), 1 deletion(-)

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) => {
     <>
       <ControlsContainer>
         <ButtonsContainer>
+          <PlayerButton
+            icon={<RiStopFill size={15} />}
+            tooltip={{
+              label: 'Stop',
+              openDelay: 500,
+            }}
+            variant="tertiary"
+            onClick={handleStop}
+          />
           <PlayerButton
             $isActive={shuffle !== PlayerShuffle.NONE}
             icon={<RiShuffleFill size={15} />}
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();
     }