fix: correct play/pause not swapping

AnthonyPorthouse · Nov 14, 2024 · 2fef727 · 2fef727
1 parent 74f0294
commit 2fef727
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 5 deletions.
diff --git a/src/Components/MediaControls/PauseButton.tsx b/src/Components/MediaControls/PauseButton.tsx
@@ -21,7 +21,7 @@ function PauseButton() {
       title={t("pauseTrack")}
       onClick={pause}
     >
-      <Pause fill="#000" className={`w-full`} />
+      <Pause className={`w-full fill-black`} />
     </button>
   );
 }

diff --git a/src/Components/MediaControls/SkipButton.tsx b/src/Components/MediaControls/SkipButton.tsx
@@ -18,7 +18,7 @@ function SkipButton() {
       className={`inline-block w-12`}
       title={t("nextTrack")}
     >
-      <SkipForward fill="#000" className={`w-full`} />
+      <SkipForward className={`w-full fill-black`} />
     </button>
   );
 }

diff --git a/src/Components/MediaControls/StopButton.tsx b/src/Components/MediaControls/StopButton.tsx
@@ -24,7 +24,7 @@ function StopButton() {
       title={t("stopTrack")}
       onClick={stop}
     >
-      <Square fill="#000" className={`w-full`} />
+      <Square className={`w-full fill-black`} />
     </button>
   );
 }

diff --git a/src/Components/MediaPlayer/MediaControls.tsx b/src/Components/MediaPlayer/MediaControls.tsx
@@ -1,5 +1,4 @@
 import { useAudio } from "@hooks/useAudio.js";
-import { memo } from "react";
 
 import FullscreenButton from "../MediaControls/FullscreenButton.js";
 import PauseButton from "../MediaControls/PauseButton.js";
@@ -28,4 +27,4 @@ function MediaControls() {
   );
 }
 
-export default memo(MediaControls);
+export default MediaControls;