dsi-icl/optimise

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

Open

    render() {
        const { editing, date, result, mode } = this.state;
        return (
            <div className={style.interruption} style={{
                overflow: editing ? 'visible' : 'hidden'

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

Open

    render() {
        return <>
            <label>Please enter pregnancy image data, if any:</label>
            <div className={pregnancy_style.pregnancy_image_div}>
                {

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

Open

                            <label>Mode:
                                <select defaultValue={this.state.mode} onChange={this._handleModeChange}>
                                    <option value='USS'>USS</option>
                                    <option value='Other'>Other</option>
                                </select>

• Read up
  Read up

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

Open

        this.setState({
            lastSubmit: (new Date()).getTime(),
            error: false
        }, () => {
            store.dispatch(editPregnancyImageAPICall(body));

• Read up
  Read up

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

Open

                            {this.state.error ? <><div className={style.error}>{this.state.error}</div><br /></> : null}

• Read up
  Read up

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

Open

        this.setState({
            lastImageSubmit: (new Date()).getTime(),
            showAddNewImageData: false,
            error: false
        }, () => {

• Read up
  Read up

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

Open

    _handleClickDelete = () => {
        store.dispatch(addAlert({ alert: 'Do you want to delete this pregnancy image?', handler: this._deleteFunction(this.props.data.id) }));
    };

• Read up
  Read up

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

Open

                                <select defaultValue={this.state.result} onChange={this._handleResultChange}>
                                    <option value='Result One'>One</option>
                                    <option value='Result Two'>Two</option>
                                    <option value='Other'>Other</option>
                                </select>

• Read up
  Read up

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

Open

                                    <select defaultValue={'other'} onChange={this._handleResultChange}>
                                        <option value='Result One'>One</option>
                                        <option value='Result Two'>Two</option>
                                        <option value='Other'>Other</option>
                                    </select>

• Read up
  Read up

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

Open

    _handleEditClick = ev => {
        ev.preventDefault();
        this.setState(prevState => ({
            editing: !prevState.editing,
            error: false

• Read up
  Read up

Identical blocks of code found in 6 locations. Consider refactoring.

Open

                            <span title='Edit' onClick={this._handleEditClick} className={style.dataEdit}><Icon symbol='edit' /></span>

• Read up
  Read up

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

Open

        if (this.state.lastImageSubmit && (new Date()).getTime() - this.state.lastImageSubmit < 500 ? true : false)
            return;

• Read up
  Read up

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

Open

        if (this.state.lastSubmit && (new Date()).getTime() - this.state.lastSubmit < 500 ? true : false)
            return;

• Read up
  Read up