mirror of
https://github.com/cpvalente/ontime.git
synced 2026-09-01 12:29:10 +00:00
refactor: use Day type in client
This commit is contained in:
committed by
Carlos Valente
parent
6f1f10ccff
commit
5a5450d7ef
@@ -1,4 +1,5 @@
|
|||||||
import { CSSProperties, memo, RefObject, SyntheticEvent } from 'react';
|
import { CSSProperties, memo, RefObject, SyntheticEvent } from 'react';
|
||||||
|
import { Day } from 'ontime-types';
|
||||||
import { MILLIS_PER_MINUTE, MILLIS_PER_SECOND } from 'ontime-utils';
|
import { MILLIS_PER_MINUTE, MILLIS_PER_SECOND } from 'ontime-utils';
|
||||||
|
|
||||||
import DelayIndicator from '../../../common/components/delay-indicator/DelayIndicator';
|
import DelayIndicator from '../../../common/components/delay-indicator/DelayIndicator';
|
||||||
@@ -20,7 +21,7 @@ interface OperatorEventProps {
|
|||||||
timeStart: number;
|
timeStart: number;
|
||||||
duration: number;
|
duration: number;
|
||||||
delay: number;
|
delay: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
isSelected: boolean;
|
isSelected: boolean;
|
||||||
isPast: boolean;
|
isPast: boolean;
|
||||||
@@ -138,7 +139,7 @@ interface OperatorEventScheduleProps {
|
|||||||
isPast: boolean;
|
isPast: boolean;
|
||||||
isSelected: boolean;
|
isSelected: boolean;
|
||||||
delay: number;
|
delay: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
}
|
}
|
||||||
@@ -173,7 +174,7 @@ function OperatorEventSchedule({
|
|||||||
interface TimeUntilProps {
|
interface TimeUntilProps {
|
||||||
timeStart: number;
|
timeStart: number;
|
||||||
delay: number;
|
delay: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ import {
|
|||||||
import { TbFlagFilled } from 'react-icons/tb';
|
import { TbFlagFilled } from 'react-icons/tb';
|
||||||
import { useSortable } from '@dnd-kit/sortable';
|
import { useSortable } from '@dnd-kit/sortable';
|
||||||
import { CSS } from '@dnd-kit/utilities';
|
import { CSS } from '@dnd-kit/utilities';
|
||||||
import { EndAction, EntryId, Playback, TimerType, TimeStrategy } from 'ontime-types';
|
import { Day, EndAction, EntryId, Playback, TimerType, TimeStrategy } from 'ontime-types';
|
||||||
import { isPlaybackActive } from 'ontime-utils';
|
import { isPlaybackActive } from 'ontime-utils';
|
||||||
|
|
||||||
import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
|
import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
|
||||||
@@ -55,7 +55,7 @@ interface RundownEventProps {
|
|||||||
isRolling: boolean;
|
isRolling: boolean;
|
||||||
gap: number;
|
gap: number;
|
||||||
isNextDay: boolean;
|
isNextDay: boolean;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
hasTriggers: boolean;
|
hasTriggers: boolean;
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import {
|
|||||||
IoTime,
|
IoTime,
|
||||||
} from 'react-icons/io5';
|
} from 'react-icons/io5';
|
||||||
import { LuArrowDownToLine } from 'react-icons/lu';
|
import { LuArrowDownToLine } from 'react-icons/lu';
|
||||||
import { EndAction, Playback, TimerType, TimeStrategy } from 'ontime-types';
|
import { Day, EndAction, Playback, TimerType, TimeStrategy } from 'ontime-types';
|
||||||
|
|
||||||
import Tooltip from '../../../common/components/tooltip/Tooltip';
|
import Tooltip from '../../../common/components/tooltip/Tooltip';
|
||||||
import { cx } from '../../../common/utils/styleUtils';
|
import { cx } from '../../../common/utils/styleUtils';
|
||||||
@@ -44,7 +44,7 @@ interface RundownEventInnerProps {
|
|||||||
loaded: boolean;
|
loaded: boolean;
|
||||||
playback?: Playback;
|
playback?: Playback;
|
||||||
isRolling: boolean;
|
isRolling: boolean;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
isPast: boolean;
|
isPast: boolean;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
import { useMemo } from 'react';
|
import { useMemo } from 'react';
|
||||||
import { IoCheckmarkCircle } from 'react-icons/io5';
|
import { IoCheckmarkCircle } from 'react-icons/io5';
|
||||||
|
import { Day } from 'ontime-types';
|
||||||
import { isPlaybackActive, MILLIS_PER_MINUTE, MILLIS_PER_SECOND, millisToString } from 'ontime-utils';
|
import { isPlaybackActive, MILLIS_PER_MINUTE, MILLIS_PER_SECOND, millisToString } from 'ontime-utils';
|
||||||
|
|
||||||
import Tooltip from '../../../../common/components/tooltip/Tooltip';
|
import Tooltip from '../../../../common/components/tooltip/Tooltip';
|
||||||
@@ -14,7 +15,7 @@ interface RundownEventChipProps {
|
|||||||
id: string;
|
id: string;
|
||||||
timeStart: number;
|
timeStart: number;
|
||||||
delay: number;
|
delay: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
isPast: boolean;
|
isPast: boolean;
|
||||||
isLoaded: boolean;
|
isLoaded: boolean;
|
||||||
className: string;
|
className: string;
|
||||||
@@ -68,7 +69,7 @@ export default function RundownEventChip({
|
|||||||
interface EventUntilProps {
|
interface EventUntilProps {
|
||||||
timeStart: number;
|
timeStart: number;
|
||||||
delay: number;
|
delay: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { memo, useCallback } from 'react';
|
import { memo, useCallback } from 'react';
|
||||||
import { OntimeEvent } from 'ontime-types';
|
import { Day, OntimeEvent } from 'ontime-types';
|
||||||
import { MILLIS_PER_MINUTE, MILLIS_PER_SECOND } from 'ontime-utils';
|
import { MILLIS_PER_MINUTE, MILLIS_PER_SECOND } from 'ontime-utils';
|
||||||
|
|
||||||
import Tooltip from '../../../common/components/tooltip/Tooltip';
|
import Tooltip from '../../../common/components/tooltip/Tooltip';
|
||||||
@@ -78,7 +78,7 @@ function TitleListItem({
|
|||||||
interface TitleListTimeUntilChipProps {
|
interface TitleListTimeUntilChipProps {
|
||||||
timeStart: number;
|
timeStart: number;
|
||||||
delay: number;
|
delay: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
isLoaded: boolean;
|
isLoaded: boolean;
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import { RefObject } from 'react';
|
import { RefObject } from 'react';
|
||||||
|
import { Day } from 'ontime-types';
|
||||||
|
|
||||||
import { useExpectedStartData, useTimer } from '../../common/hooks/useSocket';
|
import { useExpectedStartData, useTimer } from '../../common/hooks/useSocket';
|
||||||
import { getProgress } from '../../common/utils/getProgress';
|
import { getProgress } from '../../common/utils/getProgress';
|
||||||
@@ -20,7 +21,7 @@ interface TimelineEntryProps {
|
|||||||
left: number;
|
left: number;
|
||||||
status: ProgressStatus;
|
status: ProgressStatus;
|
||||||
start: number;
|
start: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
title: string;
|
title: string;
|
||||||
@@ -119,7 +120,7 @@ export function TimelineEntry({
|
|||||||
interface TimelineEntryStatusProps {
|
interface TimelineEntryStatusProps {
|
||||||
delay: number;
|
delay: number;
|
||||||
start: number;
|
start: number;
|
||||||
dayOffset: number;
|
dayOffset: Day;
|
||||||
totalGap: number;
|
totalGap: number;
|
||||||
isLinkedToLoaded: boolean;
|
isLinkedToLoaded: boolean;
|
||||||
status: ProgressStatus;
|
status: ProgressStatus;
|
||||||
|
|||||||
Reference in New Issue
Block a user