mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-17 08:57:49 +00:00
00780929e5
Create Tooltip component Fix Popover positioning calculations Add margins to popover Remove @atlaskit/tooltip Update all components to use the new Tooltip component Added tooltip actions and reducers for the following functionality: when a user hovers over an element is sees the tooltip for that element and then hovers another element that has a tooltip, instead of using the delay and animations we just unmount the current tooltip and mount the next one immediately
27 lines
764 B
TypeScript
27 lines
764 B
TypeScript
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import { translate } from '../../base/i18n/functions';
|
|
import Label from '../../base/label/components/web/Label';
|
|
import Tooltip from '../../base/tooltip/components/Tooltip';
|
|
|
|
import { Props, _mapStateToProps } from './AbstractTranscribingLabel';
|
|
|
|
const TranscribingLabel = ({ _showLabel, t }: Props) => {
|
|
if (!_showLabel) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Tooltip
|
|
content = { t('transcribing.labelToolTip') }
|
|
position = { 'left' }>
|
|
<Label
|
|
className = 'recording-label'
|
|
text = { t('transcribing.tr') } />
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
export default translate(connect(_mapStateToProps)(TranscribingLabel));
|