ui: add tooltip to group element duration

This commit is contained in:
alex-arc
2026-08-08 14:38:49 +02:00
parent bd948ae9ba
commit 75c7263d77
@@ -16,6 +16,7 @@ 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';
import Tooltip from '../../../common/components/tooltip/Tooltip';
import { useEntryActionsContext } from '../../../common/context/EntryActionsContext'; import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
import { useContextMenu } from '../../../common/hooks/useContextMenu'; import { useContextMenu } from '../../../common/hooks/useContextMenu';
import { useEntryCopy } from '../../../common/stores/entryCopyStore'; import { useEntryCopy } from '../../../common/stores/entryCopyStore';
@@ -190,6 +191,7 @@ export default function RundownGroup({ data, hasCursor, collapsed, onCollapse }:
<div className={style.metaLabel}>End</div> <div className={style.metaLabel}>End</div>
<div>{formatTime(data.timeEnd)}</div> <div>{formatTime(data.timeEnd)}</div>
</div> </div>
<Tooltip text={'Group has target duration'} disabled={data.targetDuration === null}>
<div className={style.metaEntry}> <div className={style.metaEntry}>
<div className={style.metaLabel}> <div className={style.metaLabel}>
Duration Duration
@@ -200,6 +202,7 @@ export default function RundownGroup({ data, hasCursor, collapsed, onCollapse }:
{planOffset && <Tag className={style.offsetLabel}>{planOffset}</Tag>} {planOffset && <Tag className={style.offsetLabel}>{planOffset}</Tag>}
</div> </div>
</div> </div>
</Tooltip>
</div> </div>
</div> </div>
</div> </div>