Function SignUpPage has 113 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SignUpPage = () => {
  const auth = useAuth();
  const inputRef = useRef();
  const navigate = useNavigate();
  const { t } = useTranslation();

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

Open

const LoginPage = () => {
  const auth = useAuth();
  const inputRef = useRef();
  const navigate = useNavigate();
  const { t } = useTranslation();

Function ChannelModal has 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ChannelModal = (props) => {
  const { handleClose } = props;
  const socket = useSocket();
  const { t } = useTranslation();
  const inputRef = useRef();

Function SignUpPage has a Cognitive Complexity of 19 (exceeds 5 allowed). Consider refactoring.

Open

const SignUpPage = () => {
  const auth = useAuth();
  const inputRef = useRef();
  const navigate = useNavigate();
  const { t } = useTranslation();

• Read up
  Read up

Function ModalRenameChannel has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ModalRenameChannel = (props) => {
  const { handleClose } = props;
  const socket = useSocket();
  const inputRef = useRef();
  const { t } = useTranslation();

Function MessageForm has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const MessageForm = () => {
  const inputRef = useRef();
  const { t } = useTranslation();
  const socket = useSocket();
  const activeChannelId = useSelector((state) => {

Function ChatPage has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ChatPage = () => {
  const auth = useAuth();
  const dispatch = useDispatch();
  const { t } = useTranslation();

Function App has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const App = () => {
  const ruDictionary = leoProfanity.getDictionary('ru');
  leoProfanity.loadDictionary(ruDictionary);
  const socket = io();
  const dispatch = useDispatch();

Function Channels has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Channels = () => {
  const dispatch = useDispatch();
  const channels = useSelector(channelsSelectors.selectAll);
  const activeChannelId = useSelector((state) => {
    const { currentChannelId } = state.channels;

Function ModalDeleteChannel has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ModalDeleteChannel = (props) => {
  const { handleClose } = props;
  const socket = useSocket();
  const dispatch = useDispatch();
  const { t } = useTranslation();

Function DropdownChannel has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DropdownChannel = (props) => {
  const { item, activeChannelId, handleClick } = props;

  const { t } = useTranslation();
  const dispatch = useDispatch();

Function LoginPage has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

const LoginPage = () => {
  const auth = useAuth();
  const inputRef = useRef();
  const navigate = useNavigate();
  const { t } = useTranslation();

• Read up
  Read up