1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Fix syncplay variable capitalization

This commit is contained in:
Bill Thornton 2023-06-16 16:19:44 -04:00
parent b49af89cfc
commit 4545814e91

View file

@ -45,7 +45,7 @@ const SyncPlayMenu: FC<SyncPlayMenuProps> = ({
open, open,
onMenuClose onMenuClose
}) => { }) => {
const [ SyncPlay, setSyncPlay ] = useState<SyncPlayInstance>(); const [ syncPlay, setSyncPlay ] = useState<SyncPlayInstance>();
const { __legacyApiClient__, api, user } = useApi(); const { __legacyApiClient__, api, user } = useApi();
const [ groups, setGroups ] = useState<GroupInfoDto[]>([]); const [ groups, setGroups ] = useState<GroupInfoDto[]>([]);
const [ currentGroup, setCurrentGroup ] = useState<GroupInfoDto>(); const [ currentGroup, setCurrentGroup ] = useState<GroupInfoDto>();
@ -113,13 +113,13 @@ const SyncPlayMenu: FC<SyncPlayMenuProps> = ({
}, [ api, onMenuClose ]); }, [ api, onMenuClose ]);
const onGroupSettingsClick = useCallback(async () => { const onGroupSettingsClick = useCallback(async () => {
if (!SyncPlay) return; if (!syncPlay) return;
// TODO: Rewrite settings UI // TODO: Rewrite settings UI
const SyncPlaySettingsEditor = (await import('../../../../../plugins/syncPlay/ui/settings/SettingsEditor')).default; const SyncPlaySettingsEditor = (await import('../../../../../plugins/syncPlay/ui/settings/SettingsEditor')).default;
new SyncPlaySettingsEditor( new SyncPlaySettingsEditor(
__legacyApiClient__, __legacyApiClient__,
SyncPlay.Manager.getTimeSyncCore(), syncPlay.Manager.getTimeSyncCore(),
{ {
groupInfo: currentGroup groupInfo: currentGroup
}) })
@ -131,43 +131,43 @@ const SyncPlayMenu: FC<SyncPlayMenuProps> = ({
}); });
onMenuClose(); onMenuClose();
}, [ __legacyApiClient__, currentGroup, onMenuClose, SyncPlay ]); }, [ __legacyApiClient__, currentGroup, onMenuClose, syncPlay ]);
const onStartGroupPlaybackClick = useCallback(() => { const onStartGroupPlaybackClick = useCallback(() => {
if (__legacyApiClient__) { if (__legacyApiClient__) {
SyncPlay?.Manager.resumeGroupPlayback(__legacyApiClient__); syncPlay?.Manager.resumeGroupPlayback(__legacyApiClient__);
onMenuClose(); onMenuClose();
} }
}, [ __legacyApiClient__, onMenuClose, SyncPlay ]); }, [ __legacyApiClient__, onMenuClose, syncPlay ]);
const onStopGroupPlaybackClick = useCallback(() => { const onStopGroupPlaybackClick = useCallback(() => {
if (__legacyApiClient__) { if (__legacyApiClient__) {
SyncPlay?.Manager.haltGroupPlayback(__legacyApiClient__); syncPlay?.Manager.haltGroupPlayback(__legacyApiClient__);
onMenuClose(); onMenuClose();
} }
}, [ __legacyApiClient__, onMenuClose, SyncPlay ]); }, [ __legacyApiClient__, onMenuClose, syncPlay ]);
const updateSyncPlayGroup = useCallback((_e, enabled) => { const updateSyncPlayGroup = useCallback((_e, enabled) => {
if (SyncPlay && enabled) { if (syncPlay && enabled) {
setCurrentGroup(SyncPlay.Manager.getGroupInfo() ?? undefined); setCurrentGroup(syncPlay.Manager.getGroupInfo() ?? undefined);
} else { } else {
setCurrentGroup(undefined); setCurrentGroup(undefined);
} }
}, [ SyncPlay ]); }, [ syncPlay ]);
useEffect(() => { useEffect(() => {
if (!SyncPlay) return; if (!syncPlay) return;
Events.on(SyncPlay.Manager, 'enabled', updateSyncPlayGroup); Events.on(syncPlay.Manager, 'enabled', updateSyncPlayGroup);
return () => { return () => {
Events.off(SyncPlay.Manager, 'enabled', updateSyncPlayGroup); Events.off(syncPlay.Manager, 'enabled', updateSyncPlayGroup);
}; };
}, [ updateSyncPlayGroup, SyncPlay ]); }, [ updateSyncPlayGroup, syncPlay ]);
const menuItems = []; const menuItems = [];
if (isSyncPlayEnabled) { if (isSyncPlayEnabled) {
if (!SyncPlay?.Manager.isPlaylistEmpty() && !SyncPlay?.Manager.isPlaybackActive()) { if (!syncPlay?.Manager.isPlaylistEmpty() && !syncPlay?.Manager.isPlaybackActive()) {
menuItems.push( menuItems.push(
<MenuItem <MenuItem
key='sync-play-start-playback' key='sync-play-start-playback'
@ -179,7 +179,7 @@ const SyncPlayMenu: FC<SyncPlayMenuProps> = ({
<ListItemText primary={globalize.translate('LabelSyncPlayResumePlayback')} /> <ListItemText primary={globalize.translate('LabelSyncPlayResumePlayback')} />
</MenuItem> </MenuItem>
); );
} else if (SyncPlay?.Manager.isPlaybackActive()) { } else if (syncPlay?.Manager.isPlaybackActive()) {
menuItems.push( menuItems.push(
<MenuItem <MenuItem
key='sync-play-stop-playback' key='sync-play-stop-playback'