LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

[Report Page] Fix GitHub URL and improve strings (#340)

Browse source 
* Refactor

* Fix github URL and Improve strings
This commit is contained in:
saltrafael 2021-11-22 11:32:33 -03:00 committed by GitHub
parent 87c3dcc057
commit e2c7337d11
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 60 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

134
ui/page/report/view.jsx
View file

@ -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 { doToast } from 'redux/actions/notifications';
import { FormField } from 'component/common/form';
import { Lbryio } from 'lbryinc'; import { Lbryio } from 'lbryinc';
import Page from 'component/page'; import Button from 'component/button';
import Card from 'component/common/card'; import Card from 'component/common/card';
import I18nMessage from 'component/i18nMessage'; import I18nMessage from 'component/i18nMessage';
import Page from 'component/page';
import React from 'react';
class ReportPage extends React.Component { class ReportPage extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = { submitting: false, message: '' };
submitting: false,
message: '',
};
} }
onMessageChange(event) { onMessageChange(event) {
this.setState({ this.setState({ message: event.target.value });
message: event.target.value,
});
} }
submitMessage() { submitMessage() {
const { message } = this.state; 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 if (!message) return;
const action = doToast({
message: __('Message received! Thanks for helping.'),
});
window.app.store.dispatch(action);
});
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() { 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!' '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={ actions={
<Fragment> <>
<FormField <FormField
type="textarea" type="textarea"
rows="10" rows="10"
name="message" name="message"
stretch stretch
value={this.state.message} value={this.state.message}
onChange={event => { onChange={(event) => {
this.onMessageChange(event); this.onMessageChange(event);
}} }}
placeholder={__('Description of your issue or feature request')} placeholder={__('Description of your issue or feature request')}
@ -71,58 +62,53 @@ class ReportPage extends React.Component {
<div className="section__actions"> <div className="section__actions">
<Button <Button
button="primary" button="primary"
onClick={event => { label={this.state.submitting ? __('Submitting...') : __('Submit Report')}
this.submitMessage(event); onClick={(event) => this.submitMessage(event)}
}}
className={`button-block button-primary ${this.state.submitting ? 'disabled' : ''}`} className={`button-block button-primary ${this.state.submitting ? 'disabled' : ''}`}
> />
{this.state.submitting ? __('Submitting...') : __('Submit Report')}
</Button>
</div> </div>
</Fragment> </>
} }
/> />
<Card <Card
title={__('Developer?')} title={__('Developer? Or looking for more?')}
actions={ actions={
<Fragment> <div dir="auto" className="markdown-preview">
<div dir="auto" className="markdown-preview"> <p>{__('You can also:')}</p>
<p>{__('You can also:')}</p> <ul>
<ul> <li>
<li> <Button
<Button button="link"
button="link" href="https://github.com/OdyseeTeam/odysee-frontend/issues"
href="https://github.com/lbryio/lbry-desktop/issues" label={__('Submit an issue on GitHub')}
label={__('Submit an issue on GitHub')} />
/> .
. </li>
</li> <li>
<li> <I18nMessage
<I18nMessage tokens={{
tokens={{ technical_resources: (
technical_resources: ( <Button button="link" href="https://lbry.tech" label={__('technical resources')} />
<Button button="link" href="https://lbry.tech" label={__('technical resources')} /> ),
), }}
}} >
> Explore LBRY's %technical_resources%
Explore our %technical_resources% </I18nMessage>
</I18nMessage> .
. </li>
</li> <li>
<li> <I18nMessage
<I18nMessage tokens={{
tokens={{ tech_forum: <Button button="link" href="https://forum.lbry.tech" label={__('tech forum')} />,
tech_forum: <Button button="link" href="https://forum.lbry.tech" label={__('tech forum')} />, }}
}} >
> Join LBRY's %tech_forum%
Join our %tech_forum% </I18nMessage>
</I18nMessage> .
. </li>
</li> </ul>
</ul> </div>
</div>
</Fragment>
} }
/> />
</div> </div>