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

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

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