mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-28 04:21:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

Make permalink clickable

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-02-24 20:14:12 +01:00
parent 6008a6f9fa
commit 649b87ac11
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
1 changed files with 26 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/views/elements/ImageView.js
View file

@ -30,6 +30,8 @@ import MessageContextMenu from "../context_menus/MessageContextMenu";
import {aboveLeftOf, ContextMenu} from '../../structures/ContextMenu';
import MessageTimestamp from "../messages/MessageTimestamp";
import SettingsStore from "../../../settings/SettingsStore";
import {formatTime} from "../../../DateUtils";
import dis from '../../../dispatcher/dispatcher';
export default class ImageView extends React.Component {
static propTypes = {
@ -187,6 +189,18 @@ export default class ImageView extends React.Component {
});
}
onPermalinkClicked = e => {
// This allows the permalink to be opened in a new tab/window or copied as
// matrix.to, but also for it to enable routing within Element when clicked.
e.preventDefault();
dis.dispatch({
action: 'view_room',
event_id: this.props.mxEvent.getId(),
highlighted: true,
room_id: this.props.mxEvent.getRoomId(),
});
};
onStartMoving = ev => {
ev.stopPropagation();
ev.preventDefault();
@ -260,10 +274,21 @@ export default class ImageView extends React.Component {
if (showEventMeta) {
const mxEvent = this.props.mxEvent;
const showTwelveHour = SettingsStore.getValue("showTwelveHourTimestamps");
let permalink = "#";
if (this.props.permalinkCreator) {
permalink = this.props.permalinkCreator.forEvent(this.props.mxEvent.getId());
}
const senderName = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender();
const messageTimestamp = (
<MessageTimestamp showTwelveHour={showTwelveHour} ts={mxEvent.getTs()} />
<a
href={permalink}
onClick={this.onPermalinkClicked}
aria-label={formatTime(new Date(this.props.mxEvent.getTs()), this.props.isTwelveHour)}
>
<MessageTimestamp showTwelveHour={showTwelveHour} ts={mxEvent.getTs()} />
</a>
);
const avatar = (
<MemberAvatar