Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 05:04:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add a developer mode 'view source' button to crashed event tiles (#7537)

Browse Source 
* Add a developer mode 'view source' button to crashed event tiles

* appease the linter
This commit is contained in:
Travis Ralston 2022-01-14 07:43:13 -07:00 committed by GitHub
parent 52dd590b49
commit aa4131ed2e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/views/messages/TileErrorBoundary.tsx
View File

@ -1,5 +1,5 @@
/* /*
Copyright 2020 - 2021 The Matrix.org Foundation C.I.C. Copyright 2020 - 2022 The Matrix.org Foundation C.I.C.
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. you may not use this file except in compliance with the License.
@ -24,6 +24,8 @@ import SdkConfig from "../../../SdkConfig";
import { replaceableComponent } from "../../../utils/replaceableComponent"; import { replaceableComponent } from "../../../utils/replaceableComponent";
import BugReportDialog from '../dialogs/BugReportDialog'; import BugReportDialog from '../dialogs/BugReportDialog';
import AccessibleButton from '../elements/AccessibleButton'; import AccessibleButton from '../elements/AccessibleButton';
import SettingsStore from "../../../settings/SettingsStore";
import ViewSource from "../../structures/ViewSource";
interface IProps { interface IProps {
mxEvent: MatrixEvent; mxEvent: MatrixEvent;
@ -56,6 +58,12 @@ export default class TileErrorBoundary extends React.Component<IProps, IState> {
}); });
}; };
private onViewSource = (): void => {
Modal.createTrackedDialog('View Event Source', 'from crash', ViewSource, {
mxEvent: this.props.mxEvent,
}, 'mx_Dialog_viewsource');
};
render() { render() {
if (this.state.error) { if (this.state.error) {
const { mxEvent } = this.props; const { mxEvent } = this.props;
@ -73,12 +81,20 @@ export default class TileErrorBoundary extends React.Component<IProps, IState> {
</AccessibleButton>; </AccessibleButton>;
} }
let viewSourceButton;
if (mxEvent && SettingsStore.getValue("developerMode")) {
viewSourceButton = <AccessibleButton onClick={this.onViewSource} kind="link_inline">
{ _t("View Source") }
</AccessibleButton>;
}
return (<div className={classNames(classes)}> return (<div className={classNames(classes)}>
<div className="mx_EventTile_line"> <div className="mx_EventTile_line">
<span> <span>
{ _t("Can't load this message") } { _t("Can't load this message") }
{ mxEvent && ` (${mxEvent.getType()})` } { mxEvent && ` (${mxEvent.getType()})` }
{ submitLogsButton } { submitLogsButton }
{ viewSourceButton }
</span> </span>
</div> </div>
</div>); </div>);