diff --git a/src/apps/experimental/components/AppToolbar/menus/SyncPlayMenu.tsx b/src/apps/experimental/components/AppToolbar/menus/SyncPlayMenu.tsx index 847b0a80a..cb377784e 100644 --- a/src/apps/experimental/components/AppToolbar/menus/SyncPlayMenu.tsx +++ b/src/apps/experimental/components/AppToolbar/menus/SyncPlayMenu.tsx @@ -45,7 +45,7 @@ const SyncPlayMenu: FC = ({ open, onMenuClose }) => { - const [ SyncPlay, setSyncPlay ] = useState(); + const [ syncPlay, setSyncPlay ] = useState(); const { __legacyApiClient__, api, user } = useApi(); const [ groups, setGroups ] = useState([]); const [ currentGroup, setCurrentGroup ] = useState(); @@ -113,13 +113,13 @@ const SyncPlayMenu: FC = ({ }, [ api, onMenuClose ]); const onGroupSettingsClick = useCallback(async () => { - if (!SyncPlay) return; + if (!syncPlay) return; // TODO: Rewrite settings UI const SyncPlaySettingsEditor = (await import('../../../../../plugins/syncPlay/ui/settings/SettingsEditor')).default; new SyncPlaySettingsEditor( __legacyApiClient__, - SyncPlay.Manager.getTimeSyncCore(), + syncPlay.Manager.getTimeSyncCore(), { groupInfo: currentGroup }) @@ -131,43 +131,43 @@ const SyncPlayMenu: FC = ({ }); onMenuClose(); - }, [ __legacyApiClient__, currentGroup, onMenuClose, SyncPlay ]); + }, [ __legacyApiClient__, currentGroup, onMenuClose, syncPlay ]); const onStartGroupPlaybackClick = useCallback(() => { if (__legacyApiClient__) { - SyncPlay?.Manager.resumeGroupPlayback(__legacyApiClient__); + syncPlay?.Manager.resumeGroupPlayback(__legacyApiClient__); onMenuClose(); } - }, [ __legacyApiClient__, onMenuClose, SyncPlay ]); + }, [ __legacyApiClient__, onMenuClose, syncPlay ]); const onStopGroupPlaybackClick = useCallback(() => { if (__legacyApiClient__) { - SyncPlay?.Manager.haltGroupPlayback(__legacyApiClient__); + syncPlay?.Manager.haltGroupPlayback(__legacyApiClient__); onMenuClose(); } - }, [ __legacyApiClient__, onMenuClose, SyncPlay ]); + }, [ __legacyApiClient__, onMenuClose, syncPlay ]); const updateSyncPlayGroup = useCallback((_e, enabled) => { - if (SyncPlay && enabled) { - setCurrentGroup(SyncPlay.Manager.getGroupInfo() ?? undefined); + if (syncPlay && enabled) { + setCurrentGroup(syncPlay.Manager.getGroupInfo() ?? undefined); } else { setCurrentGroup(undefined); } - }, [ SyncPlay ]); + }, [ syncPlay ]); useEffect(() => { - if (!SyncPlay) return; + if (!syncPlay) return; - Events.on(SyncPlay.Manager, 'enabled', updateSyncPlayGroup); + Events.on(syncPlay.Manager, 'enabled', updateSyncPlayGroup); return () => { - Events.off(SyncPlay.Manager, 'enabled', updateSyncPlayGroup); + Events.off(syncPlay.Manager, 'enabled', updateSyncPlayGroup); }; - }, [ updateSyncPlayGroup, SyncPlay ]); + }, [ updateSyncPlayGroup, syncPlay ]); const menuItems = []; if (isSyncPlayEnabled) { - if (!SyncPlay?.Manager.isPlaylistEmpty() && !SyncPlay?.Manager.isPlaybackActive()) { + if (!syncPlay?.Manager.isPlaylistEmpty() && !syncPlay?.Manager.isPlaybackActive()) { menuItems.push( = ({ ); - } else if (SyncPlay?.Manager.isPlaybackActive()) { + } else if (syncPlay?.Manager.isPlaybackActive()) { menuItems.push(