soniCaH /
KCVV-Elewijt-Gatsby
| Conditions | 5 |
| Total Lines | 22 |
| Code Lines | 19 |
| Lines | 0 |
| Ratio | 0 % |
| Changes | 0 | ||
| 1 | import React, { Component } from "react" |
||
| 7 | render() { |
||
| 8 | const { title, lineup } = this.props |
||
| 9 | |||
| 10 | return ( |
||
| 11 | <section className={`team_lineup__section`}> |
||
| 12 | <h2>{title}</h2> |
||
| 13 | <ul> |
||
| 14 | {lineup.map((player, i) => { |
||
| 15 | return ( |
||
| 16 | <li className={`team_lineup__item`} key={i}> |
||
| 17 | <PlayerTeaser |
||
| 18 | url={player.path.alias} |
||
| 19 | position={player.field_shirtnumber || player.field_position_short} |
||
| 20 | first_name={player.field_firstname} |
||
| 21 | last_name={player.field_lastname} |
||
| 22 | picture={player.relationships?.field_image?.localFile?.childImageSharp?.gatsbyImageData} |
||
| 23 | /> |
||
| 24 | </li> |
||
| 25 | ) |
||
| 26 | })} |
||
| 27 | </ul> |
||
| 28 | </section> |
||
| 29 | ) |
||
| 32 |
