jonathan-irvin/jelly-fin

File index.js has 343 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';
import { compose } from 'recompose';

import { SignUpLink } from '../SignUp';

Function render has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { email, password } = this.state;

    const isInvalid = password === '' || email === '';
    const classes = this.props.classes;

Function SignInPage has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SignInPage = () => {
  const classes = useStyles();
  return (
    <Container component="main" maxWidth="xs">
      <CssBaseline />

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

Open

class SignInFacebookBase extends Component {
  constructor(props) {
    super(props);

    this.state = { error: null };

• Read up
  Read up

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

Open

class SignInTwitterBase extends Component {
  constructor(props) {
    super(props);

    this.state = { error: null };

• Read up
  Read up

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

Open

const useStyles = makeStyles(theme => ({
  '@global': {
    body: {
      backgroundColor: theme.palette.common.white,
    },

• Read up
  Read up

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

Open

function Copyright() {
  return (
    <Typography variant="body2" color="textSecondary" align="center">
      {'Copyright © '}
      <Link color="inherit" href="https://material-ui.com/">

• Read up
  Read up