gabrielbull/react-desktop

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

Open

  render() {
    const { children, style, selected, push, ...props } = this.props;
    delete props.index;
    let componentStyle = { ...styles.master, ...style };
    let spanStyle = { ...styles.masterSpan };

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

Open

    if (this.context.titlebarChild) {
      inputStyle = { ...inputStyle, ...styles.titleBarTextField };
      if (this.state.isFocused && focusRing) {
        inputStyle = { ...inputStyle, ...styles.titleBarTextFieldFocus };
      }

• Read up
  Read up

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

Open

  onSiblingChange = () => {
    if (this.refs.element.checked !== this.state.checked) {
      this.setState({ checked: this.refs.element.checked });
    }
  };

• Read up
  Read up

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

Open

  onSiblingChange = () => {
    if (this.refs.element.checked !== this.state.checked) {
      this.setState({ checked: this.refs.element.checked });
    }
  };

• Read up
  Read up

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

Open

    if (this.context.titlebarChild) {
      inputStyle = { ...inputStyle, ...styles.titleBarTextArea };
      if (this.state.isFocused && focusRing) {
        inputStyle = { ...inputStyle, ...styles.titleBarTextAreaFocus };
      }

• Read up
  Read up

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

Open

  render() {
    const {
      children,
      style,
      controls,

Function renderItem has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderItem(item, path = '', subtitle = false) {
    let finalChildren = [];
    for (let prop in item) {
      if (item.hasOwnProperty(prop)) {
        if (typeof item[prop] === 'object') {

Function renderIcon has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderIcon(name) {
    const fill = this.props.theme === 'dark' ? '#ffffff' : '#000000';
    switch(name) {
    case 'Item 1':
      return (

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

Open

        <Minimize
          onClick={this.props.onMinimizeClick}
          showIcon={this.state.isOver}
          disabled={this.props.disableMinimize}
          isWindowFocused={this.props.isWindowFocused}

• Read up
  Read up

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

Open

        <Close
          onClick={this.props.onCloseClick}
          showIcon={this.state.isOver}
          disabled={this.props.disableClose}
          isWindowFocused={this.props.isWindowFocused}

• Read up
  Read up

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

Open

        <ListViewSection header={this.renderSectionHeader('My Section 2')}>
          {this.renderItem('Item 4', 'This is the fourth item.')}
          {this.renderItem('Item 5', 'This is the fifth item.')}
          {this.renderItem('Item 6', 'This is the sixth item.')}
        </ListViewSection>

• Read up
  Read up

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

Open

        <ListViewSection header={this.renderSectionHeader('My Section')}>
          {this.renderItem('Item 1', 'This is the first item.')}
          {this.renderItem('Item 2', 'This is the second item.')}
          {this.renderItem('Item 3', 'This is the third item.')}
        </ListViewSection>

• Read up
  Read up

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

Open

  handleChange = event => {
    this.setState({ checked: event.target.checked });
    if (this.props.onChange) {
      this.props.onChange(event);
    }

• Read up
  Read up

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

Open

  handleChange = event => {
    this.setState({ checked: event.target.checked });
    if (this.props.onChange) {
      this.props.onChange(event);
    }

• Read up
  Read up

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

Open

  onChange = event => {
    this.setState({ checked: event.target.checked });
    if (this.props.onChange) {
      this.props.onChange(event);
    }

• Read up
  Read up

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

Open

  handleChange = event => {
    this.setState({ checked: event.target.checked });
    if (this.props.onChange) {
      this.props.onChange(event);
    }

• Read up
  Read up

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

Open

  title: {
    WebkitUserSelect: 'none',
    userSelect: 'none',
    cursor: 'default',
    fontFamily:

• Read up
  Read up

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

Open

  title: {
    position: 'relative',
    color: '#000000',
    height: '48px',
    display: 'flex',

• Read up
  Read up

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

Open

  render() {
    const { children, style, isWindowFocused, ...props } = this.props;
    let componentStyle = { ...styles.nav };

    let fillOpacity = '.8';

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

Open

  render() {
    let error;
    if (this.state.error) {
      error = <Text color="red" marginBottom="16px">{this.state.error}</Text>;
    }