diff --git a/ui/page/report/view.jsx b/ui/page/report/view.jsx index 1739877ef..c7327ac44 100644 --- a/ui/page/report/view.jsx +++ b/ui/page/report/view.jsx @@ -1,48 +1,39 @@ -import React, { Fragment } from 'react'; -import Button from 'component/button'; -import { FormField } from 'component/common/form'; import { doToast } from 'redux/actions/notifications'; +import { FormField } from 'component/common/form'; import { Lbryio } from 'lbryinc'; -import Page from 'component/page'; +import Button from 'component/button'; import Card from 'component/common/card'; import I18nMessage from 'component/i18nMessage'; +import Page from 'component/page'; +import React from 'react'; class ReportPage extends React.Component { constructor(props) { super(props); - this.state = { - submitting: false, - message: '', - }; + this.state = { submitting: false, message: '' }; } onMessageChange(event) { - this.setState({ - message: event.target.value, - }); + this.setState({ message: event.target.value }); } submitMessage() { const { message } = this.state; - if (message) { - this.setState({ - submitting: true, - }); - Lbryio.call('event', 'desktop_error', { error_message: message }).then(() => { - this.setState({ - submitting: false, - }); - // Display global notice - const action = doToast({ - message: __('Message received! Thanks for helping.'), - }); - window.app.store.dispatch(action); - }); + if (!message) return; - this.setState({ message: '' }); - } + this.setState({ submitting: true }); + + Lbryio.call('event', 'desktop_error', { error_message: message }).then(() => { + this.setState({ submitting: false }); + + // Display global notice + const action = doToast({ message: __('Message received! Thanks for helping.') }); + window.app.store.dispatch(action); + }); + + this.setState({ message: '' }); } render() { @@ -55,14 +46,14 @@ class ReportPage extends React.Component { 'Please describe the problem you experienced or the feature you want to see and any information you think might be useful to us. Links to screenshots are great!' )} actions={ - + <> { + onChange={(event) => { this.onMessageChange(event); }} placeholder={__('Description of your issue or feature request')} @@ -71,58 +62,53 @@ class ReportPage extends React.Component {
+ />
-
+ } /> -
-

{__('You can also:')}

- -
- +
+

{__('You can also:')}

+ +
} />