diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json index 32488472..e39f3011 100644 --- a/src/assets/locales/en.json +++ b/src/assets/locales/en.json @@ -483,7 +483,8 @@ }, "playback": { "speedLabel": "Playback speed", - "title": "Playback settings" + "title": "Playback settings", + "disabled": "(Disabled in watch party)" }, "quality": { "automaticLabel": "Automatic quality", diff --git a/src/components/player/atoms/settings/PlaybackSettingsView.tsx b/src/components/player/atoms/settings/PlaybackSettingsView.tsx index bb532c65..a1d1e5a7 100644 --- a/src/components/player/atoms/settings/PlaybackSettingsView.tsx +++ b/src/components/player/atoms/settings/PlaybackSettingsView.tsx @@ -1,5 +1,5 @@ import classNames from "classnames"; -import { useCallback } from "react"; +import { useCallback, useEffect } from "react"; import { useTranslation } from "react-i18next"; import { Toggle } from "@/components/buttons/Toggle"; @@ -7,11 +7,13 @@ import { Menu } from "@/components/player/internals/ContextMenu"; import { useOverlayRouter } from "@/hooks/useOverlayRouter"; import { usePlayerStore } from "@/stores/player/store"; import { usePreferencesStore } from "@/stores/preferences"; +import { useWatchPartyStore } from "@/stores/watchParty"; function ButtonList(props: { options: number[]; selected: number; onClick: (v: any) => void; + disabled?: boolean; }) { return (
@@ -19,11 +21,13 @@ function ButtonList(props: { return (