root/regexper-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Converting SentryError to a functional component

Browse Source
This commit is contained in:
Jeff Avallone 2019-01-10 20:58:37 -05:00
parent ea8e4fba08
commit befcac2087
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/SentryError/index.js
View File

@ -5,26 +5,22 @@ import { withNamespaces, Trans } from 'react-i18next';
import Message from 'components/Message';
export class SentryError extends React.Component {
reportError = event => {
event.preventDefault();
const reportError = event => {
event.preventDefault();
if (Sentry.lastEventId()) {
Sentry.showReportDialog();
}
if (Sentry.lastEventId()) {
Sentry.showReportDialog();
}
};
render() {
const { t } = this.props;
return <Message type="error" heading={ t('An error has occurred') }>
<p>
<Trans>This error has been logged. You may also <a href="#error-report"
onClick={ this.reportError }>fill out a report</a>.</Trans>
</p>
</Message>;
}
}
export const SentryError = ({ t }) => (
<Message type="error" heading={ t('An error has occurred') }>
<p>
<Trans>This error has been logged. You may also <a href="#error-report"
onClick={ reportError }>fill out a report</a>.</Trans>
</p>
</Message>
);
SentryError.propTypes = {
t: PropTypes.func.isRequired