cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-17 05:13:32 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: create separation between editor wrapper and contents

Browse Source
This commit is contained in:
Carlos Valente
2025-12-20 13:21:40 +01:00
committed by Carlos Valente
parent 1d7ee163a0
commit 972f9e35fd
14 changed files with 122 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/control/playback/TimerControlExport.tsx
+5 -5
View File
@@ -1,6 +1,6 @@
import { memo } from 'react';
import { CornerExtract } from '../../../common/components/editor-utils/EditorUtils';
import * as Editor from '../../../common/components/editor-utils/EditorUtils';
import ErrorBoundary from '../../../common/components/error-boundary/ErrorBoundary';
import ViewNavigationMenu from '../../../common/components/navigation-menu/ViewNavigationMenu';
import ProtectRoute from '../../../common/components/protect-route/ProtectRoute';
@@ -9,7 +9,7 @@ import { getIsNavigationLocked } from '../../../externals';
import PlaybackControl from './PlaybackControl';
import style from '../../../views/editor/Editor.module.scss';
import style from './TimerControlExport.module.scss';
export default memo(TimerControlExport);
function TimerControlExport() {
@@ -17,8 +17,8 @@ function TimerControlExport() {
return (
<ProtectRoute permission='editor'>
<div className={style.playback} data-testid='panel-timer-control'>
{!isExtracted && <CornerExtract onClick={(event) => handleLinks('timercontrol', event)} />}
<Editor.Panel data-testid='panel-timer-control'>
{!isExtracted && <Editor.CornerExtract onClick={(event) => handleLinks('timercontrol', event)} />}
{isExtracted && <ViewNavigationMenu suppressSettings isNavigationLocked={getIsNavigationLocked()} />}
<div className={style.content}>
@@ -26,7 +26,7 @@ function TimerControlExport() {
<PlaybackControl />
</ErrorBoundary>
</div>
</div>
</Editor.Panel>
</ProtectRoute>
);
}