refactor: revert to locak icon

This commit is contained in:
alex-arc
2026-08-08 14:29:58 +02:00
parent 25bb9a5d61
commit bd948ae9ba
2 changed files with 5 additions and 4 deletions
@@ -1,5 +1,5 @@
import { MaybeNumber } from 'ontime-types'; import { MaybeNumber } from 'ontime-types';
import { TbTargetArrow, TbTarget } from 'react-icons/tb'; import { IoLockClosed, IoLockOpenOutline } from 'react-icons/io5';
import IconButton from '../../../../common/components/buttons/IconButton'; import IconButton from '../../../../common/components/buttons/IconButton';
import * as Editor from '../../../../common/components/editor-utils/EditorUtils'; import * as Editor from '../../../../common/components/editor-utils/EditorUtils';
@@ -37,7 +37,7 @@ export default function TargetDurationInput({ duration, targetDuration, submitHa
data-testid='lock__duration' data-testid='lock__duration'
render={<IconButton variant='subtle-white' className={isLocked ? style.active : style.inactive} />} render={<IconButton variant='subtle-white' className={isLocked ? style.active : style.inactive} />}
> >
{isLocked ? <TbTargetArrow /> : <TbTarget />} {isLocked ? <IoLockClosed /> : <IoLockOpenOutline />}
</Tooltip> </Tooltip>
</TimeInputGroup> </TimeInputGroup>
</div> </div>
@@ -10,8 +10,9 @@ import {
IoFolderOpenOutline, IoFolderOpenOutline,
IoReorderTwo, IoReorderTwo,
IoTrash, IoTrash,
IoLockClosed,
} from 'react-icons/io5'; } from 'react-icons/io5';
import { TbTargetArrow, TbClockPin } from 'react-icons/tb'; import { TbClockPin } from 'react-icons/tb';
import IconButton from '../../../common/components/buttons/IconButton'; import IconButton from '../../../common/components/buttons/IconButton';
import Tag from '../../../common/components/tag/Tag'; import Tag from '../../../common/components/tag/Tag';
@@ -192,7 +193,7 @@ export default function RundownGroup({ data, hasCursor, collapsed, onCollapse }:
<div className={style.metaEntry}> <div className={style.metaEntry}>
<div className={style.metaLabel}> <div className={style.metaLabel}>
Duration Duration
{data.targetDuration !== null && <TbTargetArrow className={style.lockIcon} />} {data.targetDuration !== null && <IoLockClosed className={style.lockIcon} />}
</div> </div>
<div className={cx([style.duration, planOffset && style.warning])}> <div className={cx([style.duration, planOffset && style.warning])}>
<span className={style.strike}>{formatDuration(data.duration)}</span> <span className={style.strike}>{formatDuration(data.duration)}</span>