hexlet-codebattle/codebattle

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

Open

  return (
    <>
      <DetailsModal
        tournament={tournament}
        modalShowing={detailsModalShowing}

• Read up
  Read up

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

Open

  return (
    <>
      <DetailsModal
        tournament={tournament}
        modalShowing={detailsModalShowing}

• Read up
  Read up

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

Open

function InfoPanel({
  currentUserId, tournament, playersCount, hideResults, canModerate,
}) {
  if (
    tournament.state === TournamentStates.waitingParticipants

• Read up
  Read up

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

Open

function InfoPanel({
  currentUserId, tournament, playersCount, hideResults, canModerate,
}) {
  if (
    tournament.state === TournamentStates.waitingParticipants

• Read up
  Read up

File Room.js has 956 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

File LobbyWidget.jsx has 543 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, {
  memo,
  useState,
  useRef,
  useEffect,

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

Open

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

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

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

Open

function ResetButton({ onClick, status }) {
  const dispatch = useDispatch();
  const commonProps = {
    type: 'button',
    className: 'btn btn-outline-secondary rounded-lg mx-1',

• Read up
  Read up

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

Open

function GiveUpButton({ onClick, status }) {
  const dispatch = useDispatch();
  const commonProps = {
    type: 'button',
    className: 'btn btn-outline-danger rounded-lg',

• 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

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

        {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

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

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