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 { { - this.submitMessage(event); - }} + label={this.state.submitting ? __('Submitting...') : __('Submit Report')} + onClick={(event) => this.submitMessage(event)} className={`button-block button-primary ${this.state.submitting ? 'disabled' : ''}`} - > - {this.state.submitting ? __('Submitting...') : __('Submit Report')} - + /> - + > } /> - - {__('You can also:')} - - - - . - - - - ), - }} - > - Explore our %technical_resources% - - . - - - , - }} - > - Join our %tech_forum% - - . - - - - + + {__('You can also:')} + + + + . + + + + ), + }} + > + Explore LBRY's %technical_resources% + + . + + + , + }} + > + Join LBRY's %tech_forum% + + . + + + } />
{__('You can also:')}