glitch-soc/mastodon

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

Open

    const leftNav  = media.size > 1 && <button tabIndex={0} className='media-modal__nav media-modal__nav--left' onClick={this.handlePrevClick} aria-label={intl.formatMessage(messages.previous)}><Icon id='chevron-left' icon={ChevronLeftIcon} /></button>;

• Read up
  Read up

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

Open

RelationshipsSeveranceEvent.propTypes = {
  type: PropTypes.oneOf([
    'account_suspension',
    'domain_block',
    'user_domain_block',

• Read up
  Read up

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

Open

RelationshipsSeveranceEvent.propTypes = {
  type: PropTypes.oneOf([
    'account_suspension',
    'domain_block',
    'user_domain_block',

• Read up
  Read up

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

Open

  handleClick = (emoji, event) => {
    if (!emoji.native) {
      emoji.native = emoji.colons;
    }
    if (!(event.ctrlKey || event.metaKey)) {

• Read up
  Read up

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

Open

        <Helmet>
          <title>{titleFromStatus(intl, status)}</title>
          <meta name='robots' content={(isLocal && isIndexable) ? 'all' : 'noindex'} />
          <link rel='canonical' href={status.get('url')} />
        </Helmet>

• Read up
  Read up

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

Open

        <Helmet>
          <title>{titleFromStatus(intl, status)}</title>
          <meta name='robots' content={(isLocal && isIndexable) ? 'all' : 'noindex'} />
          <link rel='canonical' href={status.get('url')} />
        </Helmet>

• Read up
  Read up

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

Open

  handleClick = (emoji, event) => {
    if (!emoji.native) {
      emoji.native = emoji.colons;
    }
    if (!(event.ctrlKey || event.metaKey)) {

• Read up
  Read up

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

Open

interface SearchOption {
  key: string;
  label: React.ReactNode;
  action: (e: React.MouseEvent | React.KeyboardEvent) => void;
  forget?: (e: React.MouseEvent | React.KeyboardEvent) => void;

• Read up
  Read up

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

Open

interface SearchOption {
  key: string;
  label: React.ReactNode;
  action: (e: React.MouseEvent | React.KeyboardEvent) => void;
  forget?: (e: React.MouseEvent | React.KeyboardEvent) => void;

• Read up
  Read up

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

Open

export const mountNotifications = createAppAsyncThunk(
  'notificationGroups/mount',
  (_, { dispatch, getState }) => {
    const state = getState();

• Read up
  Read up

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

Open

export const mountNotifications = createAppAsyncThunk(
  'notificationGroups/mount',
  (_, { dispatch, getState }) => {
    const state = getState();

• Read up
  Read up

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

Open

  render () {
    const { children, scrollKey, trackScroll, showLoading, isLoading, hasMore, numPending, prepend, alwaysPrepend, append, footer, emptyMessage, onLoadMore } = this.props;
    const { fullscreen } = this.state;
    const childrenCount = Children.count(children);

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

Open

  render () {
    this.updateSketcherSettings();

    return (
      <div className='modal-root__modal doodle-modal'>

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

Open

  render () {
    const { children, scrollKey, trackScroll, showLoading, isLoading, hasMore, numPending, prepend, alwaysPrepend, append, footer, emptyMessage, onLoadMore } = this.props;
    const { fullscreen } = this.state;
    const childrenCount = Children.count(children);

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

Open

  render () {
    const { intl } = this.props;
    const { signedIn, disabledAccountId, permissions } = this.props.identity;

    let banner = undefined;

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

Open

  render() {
    const style = {
      ...this.props.style,
      ...(this.props.active ? this.props.activeStyle : {}),
    };

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

Open

export const fetchTrendingHashtags = () => (dispatch) => {
  dispatch(fetchTrendingHashtagsRequest());

  api()
    .get('/api/v1/trends/tags')

• Read up
  Read up

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

Open

  handleRuleToggle = (ruleId, checked) => {
    if (checked) {
      this.setState((state) => ({ selectedRuleIds: state.selectedRuleIds.add(ruleId) }));
    } else {
      this.setState((state) => ({ selectedRuleIds: state.selectedRuleIds.remove(ruleId) }));

• Read up
  Read up

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

Open

  handleShare = () => {
    const { account } = this.props;

    navigator.share({
      url: account.get('url'),

• Read up
  Read up

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

Open

  handleKeyDown = (e) => {
    switch(e.key) {
    case 'ArrowLeft':
      this.handlePrevClick();
      e.preventDefault();

• Read up
  Read up