diff --git a/src/components/views/messages/MStickerBody.js b/src/components/views/messages/MStickerBody.js
index 95f5d827bb..130b591b56 100644
--- a/src/components/views/messages/MStickerBody.js
+++ b/src/components/views/messages/MStickerBody.js
@@ -17,22 +17,49 @@ limitations under the License.
'use strict';
import MImageBody from "./MImageBody";
+import sdk from '../../../index';
export default class MStickerBody extends MImageBody {
displayName: 'MStickerBody'
constructor(props) {
super(props);
+
+ this._onMouseEnter = this._onMouseEnter.bind(this);
+ this._onMouseLeave = this._onMouseLeave.bind(this);
+ }
+
+ _onMouseEnter() {
+ this.setState({showTooltip: true});
+ }
+
+ _onMouseLeave() {
+ this.setState({showTooltip: false});
}
_messageContent(contentUrl, thumbUrl, content) {
+ let tooltip;
+ const tooltipBody = (
+ this.props.mxEvent &&
+ this.props.mxEvent.getContent() &&
+ this.props.mxEvent.getContent().body) ?
+ this.props.mxEvent.getContent().body : null;
+ if (this.state.showTooltip && tooltipBody) {
+ const RoomTooltip = sdk.getComponent("rooms.RoomTooltip");
+ tooltip = ;
+ }
+
return (
+ onMouseEnter={this._onMouseEnter}
+ onMouseLeave={this._onMouseLeave}
+ />
+ { tooltip }
);
}