mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-29 02:49:13 +00:00
ui: add tooltip to group element duration
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user