chore: extract views directory

cpvalente · Oct 7, 2024 · a9b28ac · a9b28ac
1 parent d1c363c
commit a9b28ac
Show file tree

Hide file tree

Showing 12 changed files with 20 additions and 20 deletions.
diff --git a/apps/client/src/AppRouter.tsx b/apps/client/src/AppRouter.tsx
@@ -28,7 +28,7 @@ const ClockView = React.lazy(() => import('./features/viewers/clock/Clock'));
 const Countdown = React.lazy(() => import('./features/viewers/countdown/Countdown'));
 
 const Backstage = React.lazy(() => import('./features/viewers/backstage/Backstage'));
-const Timeline = React.lazy(() => import('./features/viewers/timeline/TimelinePage'));
+const Timeline = React.lazy(() => import('./views/timeline/TimelinePage'));
 const Public = React.lazy(() => import('./features/viewers/public/Public'));
 const Lower = React.lazy(() => import('./features/viewers/lower-thirds/LowerThird'));
 const StudioClock = React.lazy(() => import('./features/viewers/studio/StudioClock'));

diff --git a/...res/viewers/timeline/Timeline.module.scss → ...t/src/views/timeline/Timeline.module.scss b/...res/viewers/timeline/Timeline.module.scss → ...t/src/views/timeline/Timeline.module.scss
@@ -1,4 +1,4 @@
-@use '../../../theme/viewerDefs' as *;
+@use '../../theme/viewerDefs' as *;
 
 $timeline-height: 1rem;
 $view-background: $ui-black;

diff --git a/...rc/features/viewers/timeline/Timeline.tsx → apps/client/src/views/timeline/Timeline.tsx b/...rc/features/viewers/timeline/Timeline.tsx → apps/client/src/views/timeline/Timeline.tsx
diff --git a/...atures/viewers/timeline/TimelineEntry.tsx → ...ient/src/views/timeline/TimelineEntry.tsx b/...atures/viewers/timeline/TimelineEntry.tsx → ...ient/src/views/timeline/TimelineEntry.tsx
@@ -1,8 +1,8 @@
-import { useTimelineStatus, useTimer } from '../../../common/hooks/useSocket';
-import { getProgress } from '../../../common/utils/getProgress';
-import { alpha, cx } from '../../../common/utils/styleUtils';
-import { formatDuration, formatTime } from '../../../common/utils/time';
-import { useTranslation } from '../../../translation/TranslationProvider';
+import { useTimelineStatus, useTimer } from '../../common/hooks/useSocket';
+import { getProgress } from '../../common/utils/getProgress';
+import { alpha, cx } from '../../common/utils/styleUtils';
+import { formatDuration, formatTime } from '../../common/utils/time';
+import { useTranslation } from '../../translation/TranslationProvider';
 
 import { getStatusLabel } from './timeline.utils';
 

diff --git a/...atures/viewers/timeline/TimelinePage.scss → ...ient/src/views/timeline/TimelinePage.scss b/...atures/viewers/timeline/TimelinePage.scss → ...ient/src/views/timeline/TimelinePage.scss
@@ -1,4 +1,4 @@
-@use '../../../theme/viewerDefs' as *;
+@use '../../theme/viewerDefs' as *;
 
 .timeline {
   width: 100vw;

diff --git a/...eatures/viewers/timeline/TimelinePage.tsx → ...lient/src/views/timeline/TimelinePage.tsx b/...eatures/viewers/timeline/TimelinePage.tsx → ...lient/src/views/timeline/TimelinePage.tsx
@@ -1,12 +1,12 @@
 import { useMemo } from 'react';
 import { MaybeString, OntimeEvent, ProjectData, Settings } from 'ontime-types';
 
-import ViewParamsEditor from '../../../common/components/view-params-editor/ViewParamsEditor';
-import { useWindowTitle } from '../../../common/hooks/useWindowTitle';
-import { ViewExtendedTimer } from '../../../common/models/TimeManager.type';
-import { formatTime, getDefaultFormat } from '../../../common/utils/time';
-import { useTranslation } from '../../../translation/TranslationProvider';
-import SuperscriptTime from '../common/superscript-time/SuperscriptTime';
+import ViewParamsEditor from '../../common/components/view-params-editor/ViewParamsEditor';
+import { useWindowTitle } from '../../common/hooks/useWindowTitle';
+import { ViewExtendedTimer } from '../../common/models/TimeManager.type';
+import { formatTime, getDefaultFormat } from '../../common/utils/time';
+import SuperscriptTime from '../../features/viewers/common/superscript-time/SuperscriptTime';
+import { useTranslation } from '../../translation/TranslationProvider';
 
 import Section from './timeline-section/TimelineSection';
 import Timeline from './Timeline';

diff --git a/...timeline/__tests__/timeline.utils.test.ts → ...timeline/__tests__/timeline.utils.test.ts b/...timeline/__tests__/timeline.utils.test.ts → ...timeline/__tests__/timeline.utils.test.ts
diff --git a/...eline-markers/TimelineMarkers.module.scss → ...eline-markers/TimelineMarkers.module.scss b/...eline-markers/TimelineMarkers.module.scss → ...eline-markers/TimelineMarkers.module.scss
diff --git a/...line/timeline-markers/TimelineMarkers.tsx → ...line/timeline-markers/TimelineMarkers.tsx b/...line/timeline-markers/TimelineMarkers.tsx → ...line/timeline-markers/TimelineMarkers.tsx
diff --git a/...line/timeline-section/TimelineSection.tsx → ...line/timeline-section/TimelineSection.tsx b/...line/timeline-section/TimelineSection.tsx → ...line/timeline-section/TimelineSection.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { MaybeString } from 'ontime-types';
 
-import { cx } from '../../../../common/utils/styleUtils';
+import { cx } from '../../../common/utils/styleUtils';
 
 interface SectionProps {
   category: 'now' | 'next';

diff --git a/...ures/viewers/timeline/timeline.options.ts → ...nt/src/views/timeline/timeline.options.ts b/...ures/viewers/timeline/timeline.options.ts → ...nt/src/views/timeline/timeline.options.ts
@@ -1,5 +1,5 @@
-import { getTimeOption } from '../../../common/components/view-params-editor/constants';
-import { ViewOption } from '../../../common/components/view-params-editor/types';
+import { getTimeOption } from '../../common/components/view-params-editor/constants';
+import { ViewOption } from '../../common/components/view-params-editor/types';
 
 export const getTimelineOptions = (timeFormat: string): ViewOption[] => {
   return [

diff --git a/...atures/viewers/timeline/timeline.utils.ts → ...ient/src/views/timeline/timeline.utils.ts b/...atures/viewers/timeline/timeline.utils.ts → ...ient/src/views/timeline/timeline.utils.ts
@@ -11,9 +11,9 @@ import {
   MILLIS_PER_HOUR,
 } from 'ontime-utils';
 
-import { clamp } from '../../../common/utils/math';
-import { formatDuration } from '../../../common/utils/time';
-import { isStringBoolean } from '../common/viewUtils';
+import { clamp } from '../../common/utils/math';
+import { formatDuration } from '../../common/utils/time';
+import { isStringBoolean } from '../../features/viewers/common/viewUtils';
 
 import type { ProgressStatus } from './TimelineEntry';