diff --git a/src/apps/experimental/routes/video/index.tsx b/src/apps/experimental/routes/video/index.tsx index 1889ae5937..f9322352d5 100644 --- a/src/apps/experimental/routes/video/index.tsx +++ b/src/apps/experimental/routes/video/index.tsx @@ -6,7 +6,7 @@ import RemotePlayButton from 'apps/experimental/components/AppToolbar/RemotePlay import SyncPlayButton from 'apps/experimental/components/AppToolbar/SyncPlayButton'; import AppToolbar from 'components/toolbar/AppToolbar'; import ViewManagerPage from 'components/viewManager/ViewManagerPage'; -import { SHOW_OSD_EVENT } from 'controllers/playback/video'; +import { EventType } from 'types/eventType'; import Events, { type Event } from 'utils/events'; /** @@ -23,10 +23,10 @@ const VideoPage: FC = () => { useEffect(() => { const doc = documentRef.current; - if (doc) Events.on(doc, SHOW_OSD_EVENT, onShowVideoOsd); + if (doc) Events.on(doc, EventType.SHOW_VIDEO_OSD, onShowVideoOsd); return () => { - if (doc) Events.off(doc, SHOW_OSD_EVENT, onShowVideoOsd); + if (doc) Events.off(doc, EventType.SHOW_VIDEO_OSD, onShowVideoOsd); }; }, []); diff --git a/src/controllers/playback/video/index.js b/src/controllers/playback/video/index.js index 70bf73d5fd..6fa5798f79 100644 --- a/src/controllers/playback/video/index.js +++ b/src/controllers/playback/video/index.js @@ -28,12 +28,11 @@ import LibraryMenu from '../../../scripts/libraryMenu'; import { setBackdropTransparency, TRANSPARENCY_LEVEL } from '../../../components/backdrop/backdrop'; import { pluginManager } from '../../../components/pluginManager'; import { PluginType } from '../../../types/plugin.ts'; +import { EventType } from 'types/eventType'; const TICKS_PER_MINUTE = 600000000; const TICKS_PER_SECOND = 10000000; -export const SHOW_OSD_EVENT = 'showVideoOsd'; - function getOpenedDialog() { return document.querySelector('.dialogContainer .dialog.opened'); } @@ -282,14 +281,14 @@ export default function (view) { let mouseIsDown = false; function showOsd(focusElement) { - Events.trigger(document, SHOW_OSD_EVENT, [ true ]); + Events.trigger(document, EventType.SHOW_VIDEO_OSD, [ true ]); slideDownToShow(headerElement); showMainOsdControls(focusElement); resetIdle(); } function hideOsd() { - Events.trigger(document, SHOW_OSD_EVENT, [ false ]); + Events.trigger(document, EventType.SHOW_VIDEO_OSD, [ false ]); slideUpToHide(headerElement); hideMainOsdControls(); mouseManager.hideCursor(); diff --git a/src/types/eventType.ts b/src/types/eventType.ts new file mode 100644 index 0000000000..929893ccbc --- /dev/null +++ b/src/types/eventType.ts @@ -0,0 +1,6 @@ +/** + * Custom event types. + */ +export enum EventType { + SHOW_VIDEO_OSD = 'SHOW_VIDEO_OSD' +}