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'; 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') }>
<p>
return <Message type="error" heading={ t('An error has occurred') }> <Trans>This error has been logged. You may also <a href="#error-report"
<p> onClick={ reportError }>fill out a report</a>.</Trans>
<Trans>This error has been logged. You may also <a href="#error-report" </p>
onClick={ this.reportError }>fill out a report</a>.</Trans> </Message>
</p> );
</Message>;
}
}
SentryError.propTypes = { SentryError.propTypes = {
t: PropTypes.func.isRequired t: PropTypes.func.isRequired