public render()

in frontend/src/pages/search-page/components/item/item.component.tsx [158:188]

• 30 lines of code
• 2 McCabe index (conditional complexity)

  public render() {
    const {item, activeSearch, targetWords, onClick } = this.props;

    return (
      <Card classes={{root: cnc(style.card, this.props.listMode && style.listMode)}}
        elevation={8}>
        <ItemMedia
          item={item}
          activeSearch={activeSearch}
          targetWords={targetWords}
          onClick={onClick}
        />
        <ItemCaption item={item} onClick={onClick} />
        <CardActions classes={{root: style.actions}}>
          <div className={style.rating}>
            {ratingStars(item)}
          </div>          
          <Chevron className={style.chevron}
            onClick={this.toggleExpand} expanded={this.state.expanded} />
        </CardActions>
        <Collapse 
          classes={{container: style.collapse}}
          in={this.state.expanded}
          timeout="auto"
          unmountOnExit
        >
          <ItemExtraFieldList item={item} />
        </Collapse>  
      </Card>
    );
  }