hexlet-codebattle/codebattle

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

Open

      if (!state.validationStatuses.solution[0] || !state.validationStatuses.argumentsGenerator[0]) {
        state.validationStatuses.solution = [true];
        state.validationStatuses.argumentsGenerator = [true];
        state.validationStatuses.assertsExamples = validateExamples(state.task.assertsExamples, state.task.examples);
      }

• Read up
  Read up

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

Open

export const loadUserStats = dispatch => async user => {
  try {
    const response = await axios.get(`/api/v1/user/${user.id}/stats`);
    const data = camelizeKeys(response.data);
    dispatch(actions.updateUsersStats(data));

• Read up
  Read up

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

Open

export const loadUser = dispatch => async user => {
  try {
    const response = await axios.get(`/api/v1/users/${user.id}`);
    const data = camelizeKeys(response.data);
    dispatch(actions.setUserInfo(data));

• Read up
  Read up

Function ChatWidget has 92 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function ChatWidget() {
  const { mainService } = useContext(RoomContext);

  const users = useSelector(selectors.chatUsersSelector);
  const messages = useSelector(selectors.chatMessagesSelector);

Function TournamentStatisticsModal has 92 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const TournamentStatisticsModal = NiceModal.create(() => {
  const modal = useModal(ModalCodes.tournamentStatisticsModal);

  const gameId = useSelector(gameIdSelector);
  const tournament = useSelector(tournamentSelector);

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

Open

  if (type === 'give_up') {
    const newPlayers = updatePlayersGameResult(
      players,
      { id: record.id, gameResult: 'gave_up' },
      { gameResult: 'won' },

• Read up
  Read up

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

Open

  const player2Icon = (player2.result !== 'won' && player2.result !== 'gave_up') || player1.result === 'gave_up'
    ? null
    : {
      name: resultToIcon[player2.result].name,
      tooltip: {

• Read up
  Read up

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

Open

  const player1Icon = (player1.result !== 'won' && player1.result !== 'gave_up') || player2.result === 'gave_up'
    ? null
    : {
      name: resultToIcon[player1.result].name,
      tooltip: {

• Read up
  Read up

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

Open

  if (type === 'game_over') {
    const newPlayers = updatePlayersGameResult(
      players,
      { id: record.id, gameResult: 'won' },
      { gameResult: 'lost' },

• Read up
  Read up

Function StairwayGameContainer has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function StairwayGameContainer() {
  const dispatch = useDispatch();

  const meta = useSelector(state => state.tournament?.tournament?.meta);
  const activeMatch = useSelector(state => state.tournament?.activeMatch);

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

Open

              <div className="d-flex flex-column align-items-center position-relative">
                <div className="d-flex align-items-center">
                  <ResultIcon icon={player1.icon} />
                  <UserInfo user={player1.data} />
                </div>

• Read up
  Read up

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

Open

              <div className="d-flex flex-column align-items-center position-relative">
                <div className="d-flex align-items-center">
                  <ResultIcon icon={player2.icon} />
                  <UserInfo user={player2.data} />
                </div>

• Read up
  Read up

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

Open

  const handleArguments = useCallback(
    event => {
      const data = event.target.value;
      const newExample = cloneDeep({ ...example, arguments: data });
      if (exampleRef?.current) {

• Read up
  Read up

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

Open

  const handleExpected = useCallback(
    event => {
      const data = event.target.value;
      const newExample = cloneDeep({ ...example, expected: data });
      if (exampleRef?.current) {

• Read up
  Read up

Function BuilderSettingsWidget has 88 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function BuilderSettingsWidget() {
  const dispatch = useDispatch();

  const task = useSelector(selectors.builderTaskSelector);
  const {

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">
              {i18next.t('Clan')}
            </th>

• Read up
  Read up

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

Open

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

• Read up
  Read up

File TaskParamsModal.jsx has 312 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, {
 useState, useCallback, memo, useMemo, useEffect, useRef,
} from 'react';

import NiceModal, { useModal } from '@ebay/nice-modal-react';

File Tournament.jsx has 311 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, {
 useState, useCallback, useEffect, useMemo,
} from 'react';

import { useInterpret } from '@xstate/react';

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

Open

        <TournamentInfo
          id={tournaments[1]?.id}
          type={
            tournaments[1]?.state
            || TournamentStatusCodes.waitingParticipants

• Read up
  Read up