diff --git a/src/renderer/features/context-menu/context-menu-provider.tsx b/src/renderer/features/context-menu/context-menu-provider.tsx index 6a2184d3..476b9da6 100644 --- a/src/renderer/features/context-menu/context-menu-provider.tsx +++ b/src/renderer/features/context-menu/context-menu-provider.tsx @@ -103,12 +103,6 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => { const { t } = useTranslation(); const [opened, setOpened] = useState(false); - const [rating, setRating] = useState(0); - - useEffect(() => { - setRating(0); - }, [opened]); - const clickOutsideRef = useClickOutside(() => setOpened(false), ['mousedown', 'touchstart']); const viewport = useViewportSize(); @@ -126,6 +120,16 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => { yPos: 0, }); + const [rating, setRating] = useState(0); + + useEffect(() => { + if (opened && ctx.data.length === 1) { + setRating(ctx.data[0].userRating ?? 0); + } else { + setRating(0); + } + }, [ctx.data, opened]); + const handlePlayQueueAdd = usePlayQueueAdd(); const navigate = useNavigate();