From 6587e9cac8a04f1e7bad17e3b3cbb88baacd4a9d Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 3 Sep 2024 21:51:50 -0700
Subject: [PATCH] Fix invalid DOM prop on playerbar

---
 src/renderer/layouts/default-layout/player-bar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/layouts/default-layout/player-bar.tsx b/src/renderer/layouts/default-layout/player-bar.tsx
index a1924c32..740dd972 100644
--- a/src/renderer/layouts/default-layout/player-bar.tsx
+++ b/src/renderer/layouts/default-layout/player-bar.tsx
@@ -3,7 +3,7 @@ import { Playerbar } from '/@/renderer/features/player';
 import { useGeneralSettings } from '/@/renderer/store/settings.store';
 
 interface PlayerbarContainerProps {
-    drawerEffect: boolean;
+    $drawerEffect: boolean;
 }
 
 const PlayerbarContainer = styled.footer<PlayerbarContainerProps>`
@@ -13,7 +13,7 @@ const PlayerbarContainer = styled.footer<PlayerbarContainerProps>`
     transition: background 0.5s;
 
     ${(props) =>
-        props.drawerEffect &&
+        props.$drawerEffect &&
         `
         &:hover {
             background: var(--playerbar-bg-active);
@@ -26,7 +26,7 @@ export const PlayerBar = () => {
 
     return (
         <PlayerbarContainer
-            drawerEffect={playerbarOpenDrawer}
+            $drawerEffect={playerbarOpenDrawer}
             id="player-bar"
         >
             <Playerbar />