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:
parent
b49af89cfc
commit
4545814e91
1 changed files with 17 additions and 17 deletions
|
@ -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'
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue