more comprihensive disable logic and better description + icons

This commit is contained in:
alex-arc
2026-07-17 18:26:52 +02:00
parent 3ddf61c651
commit d511946e71
4 changed files with 25 additions and 8 deletions
@@ -1,5 +1,5 @@
import { MaybeNumber } from 'ontime-types';
import { IoLockClosed, IoLockOpenOutline } from 'react-icons/io5';
import { TbTargetArrow, TbTarget } from 'react-icons/tb';
import IconButton from '../../../../common/components/buttons/IconButton';
import * as Editor from '../../../../common/components/editor-utils/EditorUtils';
@@ -37,7 +37,7 @@ export default function TargetDurationInput({ duration, targetDuration, submitHa
data-testid='lock__duration'
render={<IconButton variant='subtle-white' className={isLocked ? style.active : style.inactive} />}
>
{isLocked ? <IoLockClosed /> : <IoLockOpenOutline />}
{isLocked ? <TbTargetArrow /> : <TbTarget />}
</Tooltip>
</TimeInputGroup>
</div>