labhackercd/linguagem-simples-front

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

Open

test('Test with URL doesnt break page', () => {
  const wrapper = mount(<URLInputDialog URLInputDialogOpen={true}
                                        setCustomURL={jest.fn()}
                                        customURL="testURL"
                                        handleDialogStateAction={jest.fn()}/>)

• Read up
  Read up

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

Open

test('Clicking on buttons doesnt break page', () => {
  const wrapper = mount(<URLInputDialog URLInputDialogOpen={true}
                                        setCustomURL={jest.fn()}
                                        customURL="testURL"
                                        handleDialogStateAction={jest.fn()}/>)

• Read up
  Read up

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

Open

    typography: {
      fontFamily: "OpenSans",
      body:{
        fontSize:12,
        fontStyle: 'semibold',

• Read up
  Read up

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

Open

    typography: {
      fontFamily: "OpenSans",
      body:{
        fontSize:12,
        fontStyle: 'semibold',

• Read up
  Read up

Function Feed has 136 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Feed(props) {
  const classes = useStyles();
    const [anchorEl, setAnchorEl] = useState(null)
    const [updates, setUpdates] = useState('')
    const { handleDeletePost } = props

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

Open

    render(){
    const { classes } = this.props;
    
    if(this.state.sucessfullCreatedSession) {
        return <Redirect to={DASHBOARD_BASE_URL+this.state.idSessionCreatedToRedirect}/>

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

Open

      <Grid container className={classes.summaryHeader}>
        <Grid item md={6} style={{display:'flex', justifyContent: 'flex-start'}}>
          <Typography variant="h5"> Nova atualização </Typography>
        </Grid>
        <Grid item md={6} style={{display:'flex', justifyContent: 'flex-end'}}>

• Read up
  Read up

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

Open

      <Grid container className={classes.summaryHeader}>
        <Grid item md={6} style={{display:'flex', justifyContent: 'flex-start'}}>
          <Typography variant="h5"> Resumo </Typography>
        </Grid>
        <Grid item md={6} style={{display:'flex', justifyContent: 'flex-end'}}>

• Read up
  Read up

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

Open

  test('test summary box button click', () => {
    const summaryBoxWrapper = wrapper.findWhere(node => node.is(SummaryBox));
    const summaryBoxTextField = summaryBoxWrapper.find('#summary-box-textfield').last()
    summaryBoxTextField.instance().value = "summaryBox test";
    summaryBoxTextField.simulate("change");

• Read up
  Read up

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

Open

  test('simple text input', () => {
    const newUpdateWrapper = wrapper.findWhere(node => node.is(NewUpdate));
    const textField = newUpdateWrapper.find('#newUpdateTextField').last()
    textField.instance().value = "new update test";
    textField.simulate("change");

• Read up
  Read up

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

Open

  it("doesnt break on end stream button click", () => {
    const wrapper = mount(<MockTheme>
                            <Header setBroadcastingStatus={jest.fn()}
                                                    broadcastingOnline={true}/>
                          </MockTheme>);

• Read up
  Read up

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

Open

  it("doesnt break on start stream button click", () => {
    const wrapper = mount(<MockTheme>
                            <Header setBroadcastingStatus={jest.fn()}
                                                    broadcastingOnline={false}/>
                          </MockTheme>);

• Read up
  Read up

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

Open

    render() {
        const { classes } = this.props;
        return (
            <Dialog
                fullWidth={true}

Function NewUpdate has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function NewUpdate(props) {
  const classes = useStyles();
    const dateAux = props.date ? parseHourMinute(props.date) : parseHourMinute(new Date())
    const [date, setDate] = useState(dateAux)

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

Open

                <div className={classes.subMenuItem}>
                  <a href="/"><img src={PictureUploadIcon} id={"picture-upload-icon"} alt="upload icon" onClick={(e) => props.handleDialogStateAction(e, true, "previewDialog", "InputImage")}/></a>
                </div>

• Read up
  Read up

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

Open

                                <div className={classes.subMenuItem}>
                                    <a href="/"><img src={TwitterIcon} id={"tweet-insert-icon"}alt="incorporate twitter icon" onClick={(e) => props.handleDialogStateAction(e, true, "URLInputDialog", "URLInputIsTwitter")}/></a>
                                </div>

• Read up
  Read up

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

Open

                                <div className={classes.subMenuItem}>
                                    <a href="/"><img src={LinkIcon} id={"link-insert-icon"} alt="incorporate url icon" onClick={(e) => props.handleDialogStateAction(e, true, "URLInputDialog", "noAction")}/></a>
                                </div>

• Read up
  Read up

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

Open

    render(){
        const { classes } = this.props;

        if(!this.state.dataLoaded){
            return (<Box display="flex" justifyContent="center" alignItems="center">

Function EndBroadcastAlert has 64 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function EndBroadcastAlert(props) {
  const classes = useStyles();
    const { onClose, value: valueProp, action, open } = props;
    const [value, setValue] = React.useState(valueProp);

Function SummaryBox has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function SummaryBox(props) {
  const classes = useStyles();
  const sessionID = props.sessionID;
  const [textFieldValue, setTextFieldValue] = useState('');
  function handleChange(e) {