Code style improvements in JavaScript (#13159)
* JS-linter: fix trailing comma's * Configure eslinter to ignore this onchange error.
This commit is contained in:
		| @@ -106,7 +106,7 @@ export function fetchAccount(id) { | ||||
|       dispatch, | ||||
|       getState, | ||||
|       db.transaction('accounts', 'read').objectStore('accounts').index('id'), | ||||
|       id | ||||
|       id, | ||||
|     ).then(() => db.close(), error => { | ||||
|       db.close(); | ||||
|       throw error; | ||||
|   | ||||
| @@ -44,7 +44,7 @@ export default class IntersectionObserverArticle extends React.Component { | ||||
|     intersectionObserverWrapper.observe( | ||||
|       id, | ||||
|       this.node, | ||||
|       this.handleIntersection | ||||
|       this.handleIntersection, | ||||
|     ); | ||||
|  | ||||
|     this.componentMounted = true; | ||||
|   | ||||
| @@ -68,7 +68,7 @@ class Blocks extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {accountIds.map(id => | ||||
|             <AccountContainer key={id} id={id} /> | ||||
|             <AccountContainer key={id} id={id} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -155,6 +155,7 @@ class PollForm extends ImmutablePureComponent { | ||||
|         <div className='poll__footer'> | ||||
|           <button disabled={options.size >= 4} className='button button-secondary' onClick={this.handleAddOption}><Icon id='plus' /> <FormattedMessage {...messages.add_option} /></button> | ||||
|  | ||||
|           {/* eslint-disable-next-line jsx-a11y/no-onchange */} | ||||
|           <select value={expiresIn} onChange={this.handleSelectDuration}> | ||||
|             <option value={300}>{intl.formatMessage(messages.minutes, { number: 5 })}</option> | ||||
|             <option value={1800}>{intl.formatMessage(messages.minutes, { number: 30 })}</option> | ||||
|   | ||||
| @@ -69,7 +69,7 @@ class Blocks extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {domains.map(domain => | ||||
|             <DomainContainer key={domain} domain={domain} /> | ||||
|             <DomainContainer key={domain} domain={domain} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -79,7 +79,7 @@ class Favourites extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {accountIds.map(id => | ||||
|             <AccountContainer key={id} id={id} withNote={false} /> | ||||
|             <AccountContainer key={id} id={id} withNote={false} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -68,7 +68,7 @@ class FollowRequests extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {accountIds.map(id => | ||||
|             <AccountAuthorizeContainer key={id} id={id} /> | ||||
|             <AccountAuthorizeContainer key={id} id={id} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -93,7 +93,7 @@ class Followers extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {blockedBy ? [] : accountIds.map(id => | ||||
|             <AccountContainer key={id} id={id} withNote={false} /> | ||||
|             <AccountContainer key={id} id={id} withNote={false} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -93,7 +93,7 @@ class Following extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {blockedBy ? [] : accountIds.map(id => | ||||
|             <AccountContainer key={id} id={id} withNote={false} /> | ||||
|             <AccountContainer key={id} id={id} withNote={false} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -106,20 +106,20 @@ class GettingStarted extends ImmutablePureComponent { | ||||
|  | ||||
|       if (profile_directory) { | ||||
|         navItems.push( | ||||
|           <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' /> | ||||
|           <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' />, | ||||
|         ); | ||||
|  | ||||
|         height += 48; | ||||
|       } | ||||
|  | ||||
|       navItems.push( | ||||
|         <ColumnSubheading key={i++} text={intl.formatMessage(messages.personal)} /> | ||||
|         <ColumnSubheading key={i++} text={intl.formatMessage(messages.personal)} />, | ||||
|       ); | ||||
|  | ||||
|       height += 34; | ||||
|     } else if (profile_directory) { | ||||
|       navItems.push( | ||||
|         <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' /> | ||||
|         <ColumnLink key={i++} icon='address-book' text={intl.formatMessage(messages.profile_directory)} to='/directory' />, | ||||
|       ); | ||||
|  | ||||
|       height += 48; | ||||
| @@ -129,7 +129,7 @@ class GettingStarted extends ImmutablePureComponent { | ||||
|       <ColumnLink key={i++} icon='envelope' text={intl.formatMessage(messages.direct)} to='/timelines/direct' />, | ||||
|       <ColumnLink key={i++} icon='bookmark' text={intl.formatMessage(messages.bookmarks)} to='/bookmarks' />, | ||||
|       <ColumnLink key={i++} icon='star' text={intl.formatMessage(messages.favourites)} to='/favourites' />, | ||||
|       <ColumnLink key={i++} icon='list-ul' text={intl.formatMessage(messages.lists)} to='/lists' /> | ||||
|       <ColumnLink key={i++} icon='list-ul' text={intl.formatMessage(messages.lists)} to='/lists' />, | ||||
|     ); | ||||
|  | ||||
|     height += 48*4; | ||||
|   | ||||
| @@ -74,7 +74,7 @@ class Lists extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {lists.map(list => | ||||
|             <ColumnLink key={list.get('id')} to={`/timelines/list/${list.get('id')}`} icon='list-ul' text={list.get('title')} /> | ||||
|             <ColumnLink key={list.get('id')} to={`/timelines/list/${list.get('id')}`} icon='list-ul' text={list.get('title')} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -68,7 +68,7 @@ class Mutes extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {accountIds.map(id => | ||||
|             <AccountContainer key={id} id={id} /> | ||||
|             <AccountContainer key={id} id={id} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -79,7 +79,7 @@ class Reblogs extends ImmutablePureComponent { | ||||
|           bindToDocument={!multiColumn} | ||||
|         > | ||||
|           {accountIds.map(id => | ||||
|             <AccountContainer key={id} id={id} withNote={false} /> | ||||
|             <AccountContainer key={id} id={id} withNote={false} />, | ||||
|           )} | ||||
|         </ScrollableList> | ||||
|       </Column> | ||||
|   | ||||
| @@ -98,7 +98,7 @@ export default class Card extends React.PureComponent { | ||||
|           }, | ||||
|         }, | ||||
|       ]), | ||||
|       0 | ||||
|       0, | ||||
|     ); | ||||
|   }; | ||||
|  | ||||
|   | ||||
| @@ -19,7 +19,7 @@ describe('<Column />', () => { | ||||
|       const wrapper = mount( | ||||
|         <Column heading='notifications'> | ||||
|           <div className='scrollable' /> | ||||
|         </Column> | ||||
|         </Column>, | ||||
|       ); | ||||
|       wrapper.find(ColumnHeader).find('button').simulate('click'); | ||||
|       expect(global.requestAnimationFrame.mock.calls.length).toEqual(1); | ||||
|   | ||||
| @@ -72,11 +72,11 @@ const expandNormalizedNotifications = (state, notifications, next, isLoadingRece | ||||
|  | ||||
|       mutable.update(usePendingItems ? 'pendingItems' : 'items', list => { | ||||
|         const lastIndex = 1 + list.findLastIndex( | ||||
|           item => item !== null && (compareId(item.get('id'), items.last().get('id')) > 0 || item.get('id') === items.last().get('id')) | ||||
|           item => item !== null && (compareId(item.get('id'), items.last().get('id')) > 0 || item.get('id') === items.last().get('id')), | ||||
|         ); | ||||
|  | ||||
|         const firstIndex = 1 + list.take(lastIndex).findLastIndex( | ||||
|           item => item !== null && compareId(item.get('id'), items.first().get('id')) > 0 | ||||
|           item => item !== null && compareId(item.get('id'), items.first().get('id')) > 0, | ||||
|         ); | ||||
|  | ||||
|         return list.take(firstIndex).concat(items, list.skip(lastIndex)); | ||||
|   | ||||
| @@ -54,7 +54,7 @@ const expandNormalizedTimeline = (state, timeline, statuses, next, isPartial, is | ||||
|  | ||||
|         return oldIds.take(firstIndex + 1).concat( | ||||
|           isPartial && oldIds.get(firstIndex) !== null ? newIds.unshift(null) : newIds, | ||||
|           oldIds.skip(lastIndex) | ||||
|           oldIds.skip(lastIndex), | ||||
|         ); | ||||
|       }); | ||||
|     } | ||||
| @@ -166,7 +166,7 @@ export default function timelines(state = initialState, action) { | ||||
|     return state.update( | ||||
|       action.timeline, | ||||
|       initialTimeline, | ||||
|       map => map.set('online', false).update(action.usePendingItems ? 'pendingItems' : 'items', items => items.first() ? items.unshift(null) : items) | ||||
|       map => map.set('online', false).update(action.usePendingItems ? 'pendingItems' : 'items', items => items.first() ? items.unshift(null) : items), | ||||
|     ); | ||||
|   default: | ||||
|     return state; | ||||
|   | ||||
| @@ -117,7 +117,7 @@ export const makeGetStatus = () => { | ||||
|         map.set('account', accountBase); | ||||
|         map.set('filtered', filtered); | ||||
|       }); | ||||
|     } | ||||
|     }, | ||||
|   ); | ||||
| }; | ||||
|  | ||||
|   | ||||
| @@ -117,7 +117,7 @@ const handlePush = (event) => { | ||||
|         badge: '/badge.png', | ||||
|         data: { access_token, preferred_locale, url: '/web/notifications' }, | ||||
|       }); | ||||
|     }) | ||||
|     }), | ||||
|   ); | ||||
| }; | ||||
|  | ||||
|   | ||||
| @@ -10,6 +10,6 @@ export default function configureStore() { | ||||
|     thunk, | ||||
|     loadingBarMiddleware({ promiseTypeSuffixes: ['REQUEST', 'SUCCESS', 'FAIL'] }), | ||||
|     errorsMiddleware(), | ||||
|     soundsMiddleware() | ||||
|     soundsMiddleware(), | ||||
|   ), window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f)); | ||||
| }; | ||||
|   | ||||
| @@ -54,7 +54,7 @@ module.exports = merge(sharedConfig, { | ||||
|     watchOptions: Object.assign( | ||||
|       {}, | ||||
|       settings.dev_server.watch_options, | ||||
|       watchOptions | ||||
|       watchOptions, | ||||
|     ), | ||||
|     writeToDisk: filePath => /ocr/.test(filePath), | ||||
|   }, | ||||
|   | ||||
| @@ -31,7 +31,7 @@ module.exports = { | ||||
|     Object.keys(themes).reduce((themePaths, name) => { | ||||
|       themePaths[name] = resolve(join(settings.source_path, themes[name])); | ||||
|       return themePaths; | ||||
|     }, {}) | ||||
|     }, {}), | ||||
|   ), | ||||
|  | ||||
|   output: { | ||||
| @@ -73,7 +73,7 @@ module.exports = { | ||||
|         // temporary fix for https://github.com/ReactTraining/react-router/issues/5576 | ||||
|         // to reduce bundle size | ||||
|         resource.request = resource.request.replace(/^history/, 'history/es'); | ||||
|       } | ||||
|       }, | ||||
|     ), | ||||
|     new MiniCssExtractPlugin({ | ||||
|       filename: 'css/[name]-[contenthash:8].css', | ||||
|   | ||||
		Reference in New Issue
	
	Block a user