diff --git a/lang/main.json b/lang/main.json index 1a39aed77..17ce1dfe6 100644 --- a/lang/main.json +++ b/lang/main.json @@ -446,9 +446,9 @@ }, "videoStatus": { "callQuality": "Call Quality", - "changeVideoTip": "Change your video quality from the left toolbar.", "hd": "HD", "highDefinition": "High definition", + "labelTooltip": "Current video quality", "ld": "LD", "lowDefinition": "Low definition", "p2pEnabled": "Peer to Peer Enabled", diff --git a/react/features/feedback/components/FeedbackButton.web.js b/react/features/feedback/components/FeedbackButton.web.js index 0137cc23f..14576389e 100644 --- a/react/features/feedback/components/FeedbackButton.web.js +++ b/react/features/feedback/components/FeedbackButton.web.js @@ -1,8 +1,11 @@ /* @flow */ +import Tooltip from '@atlaskit/tooltip'; import React, { Component } from 'react'; import { connect } from 'react-redux'; +import { translate } from '../../base/i18n'; + import { openFeedbackDialog } from '../actions'; /** @@ -17,7 +20,17 @@ class FeedbackButton extends Component { * * @type {JitsiConference} */ - _conference: React.PropTypes.object + _conference: React.PropTypes.object, + + /** + * Invoked to obtain translated strings. + */ + t: React.PropTypes.func, + + /** + * From which side of the button the tooltip should appear from. + */ + tooltipPosition: React.PropTypes.string }; /** @@ -41,10 +54,15 @@ class FeedbackButton extends Component { */ render() { return ( - +
+ + + +
); } @@ -82,4 +100,4 @@ function _mapStateToProps(state) { }; } -export default connect(_mapStateToProps)(FeedbackButton); +export default translate(connect(_mapStateToProps)(FeedbackButton)); diff --git a/react/features/toolbox/components/SecondaryToolbar.web.js b/react/features/toolbox/components/SecondaryToolbar.web.js index e9555a6cf..61c149fcb 100644 --- a/react/features/toolbox/components/SecondaryToolbar.web.js +++ b/react/features/toolbox/components/SecondaryToolbar.web.js @@ -101,8 +101,9 @@ class SecondaryToolbar extends Component { - { _callStatsID ? : null } + tooltipPosition = 'right'> + { _callStatsID + ? : null } ); } diff --git a/react/features/video-quality/components/VideoQualityLabel.web.js b/react/features/video-quality/components/VideoQualityLabel.web.js index 2e9d7d7a2..3b797fd0b 100644 --- a/react/features/video-quality/components/VideoQualityLabel.web.js +++ b/react/features/video-quality/components/VideoQualityLabel.web.js @@ -1,3 +1,4 @@ +import Tooltip from '@atlaskit/tooltip'; import React, { Component } from 'react'; import { connect } from 'react-redux'; @@ -125,7 +126,8 @@ export class VideoQualityLabel extends Component { _conferenceStarted, _filmstripVisible, _remoteVideosVisible, - _resolution + _resolution, + t } = this.props; // FIXME The _conferenceStarted check is used to be defensive against @@ -151,12 +153,15 @@ export class VideoQualityLabel extends Component {
-
- { _audioOnly - ? - : this._mapResolutionToTranslation(_resolution) } -
+ +
+ { _audioOnly + ? + : this._mapResolutionToTranslation(_resolution) } +
+
); }