glitch-soc/mastodon

Function connectTimelineStream has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const connectTimelineStream = (timelineId, channelName, params = {}, options = {}) => {
  const { messages } = getLocale();

  return connectStream(channelName, params, (dispatch, getState) => {
    const locale = getState().getIn(['meta', 'locale']);

Function render has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { status, intl, showReplyCount, withOpenButton } = this.props;

    const publicStatus  = ['public', 'unlisted'].includes(status.get('visibility'));
    const reblogPrivate = status.getIn(['account', 'id']) === me && status.get('visibility') === 'private';

Function connectTimelineStream has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const connectTimelineStream = (timelineId, channelName, params = {}, options = {}) => {
  const { messages } = getLocale();

  return connectStream(channelName, params, (dispatch, getState) => {
    const locale = getState().getIn(['meta', 'locale']);

Function render has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { intl } = this.props;
    const { value, expanded, options, selectedOption, error, isSubmitting } = this.state;
    const domain = (valueToDomain(value) || '').trim();
    const domainRegExp = new RegExp(`(${escapeRegExp(domain)})`, 'gi');

Function render has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { intl } = this.props;
    const { value, expanded, options, selectedOption, error, isSubmitting } = this.state;
    const domain = (valueToDomain(value) || '').trim();
    const domainRegExp = new RegExp(`(${escapeRegExp(domain)})`, 'gi');

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={6}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={6} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={2}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={2} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={4}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={4} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={1}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={1} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={3}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={3} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={5}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={5} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export function hydrateCompose() {
  return (dispatch, getState) => {
    const me = getState().getIn(['meta', 'me']);
    const history = tagHistory.get(me);

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

  seekBy (time) {
    const currentTime = this.audio.currentTime + time;

    if (!isNaN(currentTime)) {
      this.setState({ currentTime }, () => {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

Select.propTypes = {
  label: PropTypes.node,
  value: PropTypes.any,
  onChange: PropTypes.func,
  options: PropTypes.arrayOf(PropTypes.shape({

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  static propTypes = {
    onNextStep: PropTypes.func.isRequired,
    rules: ImmutablePropTypes.list,
    category: PropTypes.string,
    onChangeCategory: PropTypes.func.isRequired,

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  componentDidUpdate(prevProps) {
    if (this.props.singleColumn !== prevProps.singleColumn && !this.props.singleColumn) {
      this.node.addEventListener('wheel', this.handleWheel, supportsPassiveEvents ? { passive: true } : false);
    }
  }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export function hydrateCompose() {
  return (dispatch, getState) => {
    const me = getState().getIn(['meta', 'me']);
    const history = tagHistory.get(me);

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export const updateConversations = conversation => dispatch => {
  dispatch(importFetchedAccounts(conversation.accounts));

  if (conversation.last_status) {
    dispatch(importFetchedStatus(conversation.last_status));

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

Select.propTypes = {
  label: PropTypes.node,
  value: PropTypes.any,
  onChange: PropTypes.func,
  options: PropTypes.arrayOf(PropTypes.shape({

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      <ColumnHeader
        icon='globe'
        iconComponent={PublicIcon}
        active={hasUnread}
        title={intl.formatMessage(messages.title)}

• Read up
  Read up