hexlet-codebattle/codebattle

File Room.js has 1065 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import axios from 'axios';
import Gon from 'gon';
import { camelizeKeys, decamelizeKeys } from 'humps';
import debounce from 'lodash/debounce';
import find from 'lodash/find';

Function BuilderExampleForm has 276 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function BuilderExampleForm() {
  const dispatch = useDispatch();
  const { taskService } = useContext(RoomContext);

  const argumentsTabRef = useRef(null);

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

Open

export const uploadPlayers = playerIds => (dispatch, getState) => {
  const state = getState();

  const { isLive, id } = state.tournament;

• Read up
  Read up

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

Open

export const uploadPlayers = playerIds => (dispatch, getState) => {
  const state = getState();

  const { isLive, id } = state.tournament;

• Read up
  Read up

Function BuilderEditorsWidget has 202 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function BuilderEditorsWidget() {
  const dispatch = useDispatch();
  const { taskService } = useContext(RoomContext);

  const [assertsPanelShowing, setAssertsPanelShowing] = useState(false);

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

Open

    network: {
      initial: 'none',
      states: {
        none: {
          on: {

• Read up
  Read up

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

Open

    network: {
      initial: 'none',
      states: {
        none: {
          on: {

• Read up
  Read up

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

Open

        <div className="player1">
          <img src={player1.avatar_url || defaultAvatarUrl} alt="avatar" className="player1__avatar" />
          <p className="player1__name">{player1.name}</p>
          <div className="player1__status">
            <LanguageIcon className="preview__icon" lang={player1.lang} />

• Read up
  Read up

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

Open

        <div className="player2">
          <img src={player2.avatar_url || defaultAvatarUrl} alt="avatar" className="player2__avatar" />
          <p className="player2__name">{player2.name}</p>
          <div className="player2__status">
            <LanguageIcon className="preview__icon" lang={player2.lang} />

• Read up
  Read up

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

Open

  if (
    player.score > opponent.score
    || (player.score === opponent.score
      && player.winMatches.length > opponent.winMatches.length)
    || (player.winMatches.length === opponent.winMatches.length

• Read up
  Read up

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

Open

  if (
    player.score > opponent.score
    || (player.score === opponent.score
      && player.winMatches.length > opponent.winMatches.length)
    || (player.winMatches.length === opponent.winMatches.length

• Read up
  Read up

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

Open

          <thead className="text-muted">
            <tr>
              <th className="p-1 pl-4 font-weight-light border-0">{}</th>
              <th className="p-1 pl-4 font-weight-light border-0">
                {i18next.t('Clan')}

• Read up
  Read up

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

Open

      <thead className="text-muted">
        <tr>
          <th className="p-1 pl-4 font-weight-light border-0">{}</th>
          <th className="p-1 pl-4 font-weight-light border-0">
            {i18next.t('Clan')}

• Read up
  Read up

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

Open

        {editable && selected?.id !== item.id && (
          <>
            <button
              type="button"
              title={`Edit example: ${item.id}`}

• Read up
  Read up

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

Open

        {editable && selected.id !== item.id && (
          <>
            <button
              type="button"
              title={`Edit ${item.argumentName}`}

• Read up
  Read up

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

Open

        return (
          <>
            <a
              href={href}
              title={i18next.t('Continue match')}

• Read up
  Read up

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

Open

      return (
        <>
          <a
            href={href}
            title={i18next.t('Show match')}

• Read up
  Read up

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

Open

          <div className="d-flex flex-column align-items-center p-2">
            <span className="h4 mb-2">{secondPlayer?.name}</span>
            <span className="h4 mb-2">{opponent.score}</span>
            <span className="h4 mb-2">{opponent.winMatches.length}</span>
            <span className="h4 mb-2">

• Read up
  Read up

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

Open

          <div className="d-flex flex-column align-items-center p-2">
            <span className="h4 mb-2">{firstPlayer?.name}</span>
            <span className="h4 mb-2">{player.score}</span>
            <span className="h4 mb-2">{player.winMatches.length}</span>
            <span className="h4 mb-2">

• Read up
  Read up

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

Open

export const cancelInvite = (id, opponentName) => dispatch => channel
  .push(channelMethods.invitesCancel, { id })
  .receive('ok', data => {
    const message = getSystemMessage({ text: `You cancel battle invite [Opponent ${opponentName}]` });
    dispatch(actions.newChatMessage(message));

• Read up
  Read up