Fixes linting errors
This commit is contained in:
parent
9f627c1c37
commit
c508765310
4 changed files with 17 additions and 9 deletions
|
@ -1,8 +1,5 @@
|
||||||
import React from 'react';
|
|
||||||
import { browserHistory } from 'react-router';
|
import { browserHistory } from 'react-router';
|
||||||
import ReactDom from 'react-dom';
|
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import crypto from 'crypto';
|
|
||||||
import * as ActionTypes from '../../constants';
|
import * as ActionTypes from '../../constants';
|
||||||
import { showErrorModal, justOpenedProject } from '../IDE/actions/ide';
|
import { showErrorModal, justOpenedProject } from '../IDE/actions/ide';
|
||||||
import { showToast, setToastText } from '../IDE/actions/toast';
|
import { showToast, setToastText } from '../IDE/actions/toast';
|
||||||
|
|
|
@ -63,7 +63,11 @@ class APIKeyForm extends React.Component {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="api-key-form">
|
<div className="api-key-form">
|
||||||
<p className="api-key-form__summary">Personal Access Tokens act like your password to allow automated scripts to access the Editor API. Create a token for each script that needs access.</p>
|
<p className="api-key-form__summary">
|
||||||
|
Personal Access Tokens act like your password to allow automated
|
||||||
|
scripts to access the Editor API. Create a token for each script
|
||||||
|
that needs access.
|
||||||
|
</p>
|
||||||
|
|
||||||
<div className="api-key-form__section">
|
<div className="api-key-form__section">
|
||||||
<h3 className="api-key-form__title">Create new token</h3>
|
<h3 className="api-key-form__title">Create new token</h3>
|
||||||
|
@ -90,7 +94,10 @@ class APIKeyForm extends React.Component {
|
||||||
keyWithToken && (
|
keyWithToken && (
|
||||||
<div className="api-key-form__new-token">
|
<div className="api-key-form__new-token">
|
||||||
<h4 className="api-key-form__new-token__title">Your new access token</h4>
|
<h4 className="api-key-form__new-token__title">Your new access token</h4>
|
||||||
<p className="api-key-form__new-token__info">Make sure to copy your new personal access token now. You won’t be able to see it again!</p>
|
<p className="api-key-form__new-token__info">
|
||||||
|
Make sure to copy your new personal access token now.
|
||||||
|
You won’t be able to see it again!
|
||||||
|
</p>
|
||||||
<CopyableInput label={keyWithToken.label} value={keyWithToken.token} />
|
<CopyableInput label={keyWithToken.label} value={keyWithToken.token} />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
@ -22,7 +22,9 @@ function APIKeyList({ apiKeys, onRemove }) {
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{orderBy(apiKeys, ['createdAt'], ['desc']).map((key) => {
|
{orderBy(apiKeys, ['createdAt'], ['desc']).map((key) => {
|
||||||
const lastUsed = key.lastUsedAt ? distanceInWordsToNow(new Date(key.lastUsedAt), { addSuffix: true }) : 'Never';
|
const lastUsed = key.lastUsedAt ?
|
||||||
|
distanceInWordsToNow(new Date(key.lastUsedAt), { addSuffix: true }) :
|
||||||
|
'Never';
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<tr key={key.id}>
|
<tr key={key.id}>
|
||||||
|
|
|
@ -2,12 +2,12 @@ import PropTypes from 'prop-types';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { reduxForm } from 'redux-form';
|
import { reduxForm } from 'redux-form';
|
||||||
import { bindActionCreators } from 'redux';
|
import { bindActionCreators } from 'redux';
|
||||||
import { Link, browserHistory } from 'react-router';
|
import { browserHistory } from 'react-router';
|
||||||
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
|
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
|
||||||
import InlineSVG from 'react-inlinesvg';
|
import InlineSVG from 'react-inlinesvg';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import { Helmet } from 'react-helmet';
|
import { Helmet } from 'react-helmet';
|
||||||
import { updateSettings, initiateVerification, createApiKey, removeApiKey } from '../actions';
|
import { updateSettings, initiateVerification, createApiKey, removeApiKey } from '../actions';
|
||||||
import AccountForm from '../components/AccountForm';
|
import AccountForm from '../components/AccountForm';
|
||||||
import { validateSettings } from '../../../utils/reduxFormUtils';
|
import { validateSettings } from '../../../utils/reduxFormUtils';
|
||||||
import GithubButton from '../components/GithubButton';
|
import GithubButton from '../components/GithubButton';
|
||||||
|
@ -61,7 +61,9 @@ class AccountView extends React.Component {
|
||||||
<TabPanel>
|
<TabPanel>
|
||||||
<AccountForm {...this.props} />
|
<AccountForm {...this.props} />
|
||||||
<h2 className="form-container__divider">Social Login</h2>
|
<h2 className="form-container__divider">Social Login</h2>
|
||||||
<p className="form-container__context">Link this account with your GitHub account to allow login from both.</p>
|
<p className="form-container__context">
|
||||||
|
Link this account with your GitHub account to allow login from both.
|
||||||
|
</p>
|
||||||
<GithubButton buttonText="Login with GitHub" />
|
<GithubButton buttonText="Login with GitHub" />
|
||||||
</TabPanel>
|
</TabPanel>
|
||||||
<TabPanel>
|
<TabPanel>
|
||||||
|
|
Loading…
Reference in a new issue