blob: f83bfe37cc5b0037b0ad7b2702716b93d30bad61 (
about) (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
import React from 'react';
import { Link } from 'react-router-dom';
import PropTypes from 'prop-types';
import './styles.css';
class OptionsForm extends React.Component {
state = {
token: this.props.options.token
};
saveOptions = () => {
this.props.updateOptions({
token: this.state.token
});
};
onChange = (e) => {
this.setState({
[e.target.name]: e.target.value
});
};
render() {
return (
<div className="options-form">
<div className="form-field">
<h2>Add the Token</h2>
<p className="text-muted">Generate a token and add it below to avoid hitting the rate limit.</p>
<hr/>
<ul>
<li>
Go to the <a href="https://github.com/settings/tokens" target="_blank" rel="noopener noreferrer"><i className="fa fa-external-link mr-1"></i> Settings <i className="fa fa-angle-right"></i> Personal Access Tokens</a> of your github profile
</li>
<li>Click <span>Generate New Token</span>. Enter the description and select the <span>scope</span> called <span>public_repo</span> under repo and click <span>Generate Token</span>.</li>
<li>You will be presented with the generated token. Copy the token and add it below</li>
</ul>
<input type="text"
name='token'
onChange={ this.onChange }
className="form-control"
value={ this.state.token }/>
</div>
<button className="btn btn-dark btn-lg btn-save shadow" onClick={ this.saveOptions }>
<i className="fa fa-cog mr-2"></i>
Save Token
</button>
<Link className='btn btn-primary shadow btn-block btn-lg' to='/'><i className="fa fa-arrow-left"></i> Go Home</Link>
</div>
);
}
}
OptionsForm.propTypes = {
updateOptions: PropTypes.func.isRequired,
options: PropTypes.object.isRequired
};
export default OptionsForm;
|
