dhis2/d2-ui

NewInterpretationField has 23 functions (exceeds 20 allowed). Consider refactoring.

Open

export class NewInterpretationField extends Component {
    constructor(props) {
        super(props);
        this.textarea = React.createRef();
        this.id = Math.random().toString(36);

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

Open

    render() {
        const ActionButtons = this.renderActionButtons();
        const Toolbar = this.renderToolbar();
        const Sharing = this.renderSharingInfo();
        const SharingDialog = this.renderSharingDialog();

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

Open

    renderToolbar = () => 
        (this.state.text.length || this.state.showToolbar) && (
            <Toolbar text={this.state.text} onClick={this.onToolbarClick} element={document.getElementById(this.id)} />
        );

• Read up
  Read up

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

Open

NewInterpretationField.propTypes = {
    classes: PropTypes.object.isRequired,
    model: PropTypes.object.isRequired,
    interpretation: PropTypes.object,
    onSave: PropTypes.func,

• Read up
  Read up

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

Open

                    <Button
                        className={this.props.classes.cancelButton}  
                        variant="outlined" 
                        onClick={this.props.onClose || this.onClearInput}
                    >

• Read up
  Read up

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

Open

        } else if (this.props.interpretation) {
            return (
                <Button
                    className={this.props.classes.cancelButton}  
                    variant="outlined" 

• Read up
  Read up

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

Open

    onKeyDown = event => {
        convertCtrlKey(event, this.setNativeInputVal)
        this.setState({ text: this.textarea.current.value });
    };

• Read up
  Read up

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

Open

    setNativeInputVal = (val, caretPos) => {
        const node = this.textarea.current;
        node.value = val;
        node.setSelectionRange(caretPos, caretPos)
    };

• Read up
  Read up

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

Open

    focus = (highlightStart, highlightEnd) => {
        this.textarea.current.focus();
        this.textarea.current.setSelectionRange(highlightStart, highlightEnd)

    };

• Read up
  Read up

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

Open

            <WithAvatar className={this.props.classes.newInterpretation} displayName={this.context.d2.currentUser.displayName}>
                <MentionsWrapper d2={this.context.d2} onUserSelect={this.onUserSelect}>
                    <RichTextEditor onEdit={this.onInputChange}>
                        <ClickAwayListener mouseEvent="onClick" onClickAway={this.onBlur}>
                            <div className={this.props.classes.inputField} onFocus={this.onFocus}>

• Read up
  Read up