justsega/frontend-bootcamp-project-12

Function AddModal has 61 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const AddModal = (props) => {
  const { closeModal, show } = props;
  const inputField = useRef();
  useEffect(() => {
    inputField.current.focus();

Function Messages has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Messages = () => {
  const { t } = useTranslation();
  const username = useAuth().getUserName();
  const { activeChannelId } = useSelector((state) => state.channels);
  const activeChannel = useSelector(

Function RemoveModal has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const RemoveModal = (props) => {
  const { closeModal, id } = props;
  const { t } = useTranslation();
  const dispatch = useDispatch();
  const socket = useSocket();

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

Open

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

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

Open

const Channels = () => {
  const channels = useSelector(selectors.selectAll);
  const { activeChannelId } = useSelector((state) => state.channels);
  return (
    <Col className="col-4 col-md-2 border-end px-0 bg-light flex-column h-100 d-flex">

Function MainChatPage has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

Function SignUp has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SignUp = () => {
  const { t } = useTranslation();
  const navigate = useNavigate();
  const auth = useAuth();
  const formik = useFormik({

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

Open

      <Modal.Header closeButton>
        <Modal.Title>{t('modals.removeModal.title')}</Modal.Title>
      </Modal.Header>

• Read up
  Read up

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

Open

      <Modal.Header closeButton>
        <Modal.Title>{t('modals.renameModal.title')}</Modal.Title>
      </Modal.Header>

• Read up
  Read up

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

Open

      <Modal.Header closeButton>
        <Modal.Title>{t('modals.addModal.title')}</Modal.Title>
      </Modal.Header>

• Read up
  Read up