render()

in ui/src/client/components/common/components/Input/Input.js [44:88]

• 45 lines of code
• 9 McCabe index (conditional complexity)

  render() {
    const {
      id,
      value,
      onChange,
      isError = false,
      isLongText = false,
      onFocus,
      className,
      disable = false,
      placeholder,
    } = this.props;
    return !isLongText
      ? (
        <input
          className={`
            dh-input
            ${isError ? 'error' : ''}
            ${disable ? 'disable' : ''}
            ${className}
          `}
          tabIndex={disable ? -1 : 0}
          type="input"
          id={id}
          onChange={e => onChange(e.target.value)}
          value={value === null ? '' : value}
          onFocus={onFocus}
          placeholder={placeholder || ''}
        />
      )
      : (
        <textarea
          ref={this.textAreaRef}
          className={`
            dh-input dh-textarea
            ${isError ? 'error' : ''}
            ${className}
          `}
          id={id}
          onChange={e => onChange(e.target.value)}
          onFocus={onFocus}
          value={value === null ? '' : value}
        />
      );
  }