render()

in src/components/movieComp.tsx [78:117]

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

    render() {  
        return (
            <div>
            <Card>
            <CardHeader 
                title = {this.state.movie.title.substring(0,30)}
                action = {
                    <IconButton 
                        onClick={this.handleMenuClick}
                        aria-owns={this.state.anchorEl ? 'cardMenu' : undefined}
                        aria-haspopup="true" >
                        <MoreVertIcon />
                    </IconButton> } />
            <CardMedia
                style={{height: 0, paddingTop: '56.25%'}}
                image={MoviePH}
                title="img"/>
            <CardContent>
                <Typography>
                    Year: {this.state.movie.year}<br />
                    Runtime: {this.state.movie.runtime}min <br />
                    Genres: {this.joinStr(this.state.movie.genres)}<br />
                </Typography>
            </CardContent>
            <CardActions>
                <Checkbox color="primary" checked={this.state.checkedBox} onChange={this.toggleCheck}/>
            </CardActions>
            </Card>
            <Menu
                id="cardMenu"
                anchorEl={this.state.anchorEl}
                open={Boolean(this.state.anchorEl)}
                onClose={() => this.setState({ anchorEl: null })} >
                <MenuItem onClick={(this.deleteMovie)}>Delete</MenuItem>
                <MenuItem onClick={(this.editMovie)}>Edit</MenuItem>
            </Menu>  
        </div>
        )
    }
}