diff --git a/src/components/views/rooms/MessageContextMenu.js b/src/components/views/rooms/MessageContextMenu.js index a0a3f1cfd1..24948f74f8 100644 --- a/src/components/views/rooms/MessageContextMenu.js +++ b/src/components/views/rooms/MessageContextMenu.js @@ -66,6 +66,15 @@ module.exports = React.createClass({ if (this.props.onFinished) this.props.onFinished(); }, + onUnhidePreviewClick: function() { + if (global.localStorage) { + // FIXME: factor this out with LinkPreviewWidget + // FIXME: somehow propagate this to the EventTile such that it updates itself and realises the link has rematerialised + global.localStorage.removeItem("hide_preview_" + this.props.mxEvent.getId()); + if (this.props.onFinished) this.props.onFinished(); + } + }, + render: function() { var eventStatus = this.props.mxEvent.status; var resendButton; @@ -73,6 +82,7 @@ module.exports = React.createClass({ var redactButton; var cancelButton; var permalinkButton; + var unhidePreviewButton; if (eventStatus === 'not_sent') { resendButton = ( @@ -104,6 +114,18 @@ module.exports = React.createClass({ ); + + if (global.localStorage) { + // FIXME: factor this out with LinkPreviewWidget + if (global.localStorage.getItem("hide_preview_" + this.props.mxEvent.getId()) === "1") { + unhidePreviewButton = ( +
+ Unhide Preview +
+ ) + } + } + // XXX: this should be https://matrix.to. // XXX: if we use room ID, we should also include a server where the event can be found (other than in the domain of the event ID) permalinkButton = ( @@ -119,6 +141,7 @@ module.exports = React.createClass({ {redactButton} {cancelButton} {viewSourceButton} + {unhidePreviewButton} {permalinkButton} ); diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/UrlPreviewWidget.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/UrlPreviewWidget.css index 800883a153..8a92ae4ce2 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/UrlPreviewWidget.css +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/UrlPreviewWidget.css @@ -33,6 +33,8 @@ limitations under the License. .mx_LinkPreviewWidget_caption { margin-left: 15px; + -webkit-flex: 1; + flex: 1; } .mx_LinkPreviewWidget_title { @@ -48,3 +50,12 @@ limitations under the License. margin-top: 8px; white-space: normal; } + +.mx_LinkPreviewWidget_cancel { + visibility: hidden; + cursor: pointer; +} + +.mx_LinkPreviewWidget:hover .mx_LinkPreviewWidget_cancel { + visibility: visible; +}