diff --git a/src/components/pages/Events.js b/src/components/pages/Events.js index 306ef778a32f64bb15e37cfc5db7f874b00b5f49..bc920fb10bc0e2b8a6871d0ad45ddc56280b52f5 100644 --- a/src/components/pages/Events.js +++ b/src/components/pages/Events.js @@ -14,7 +14,7 @@ class Events extends Component { renderEvents() { return this.props.events.map((event) => { return ( - <Table.Row > + <Table.Row key={event.id}> <Table.Cell textAlign='center'> <Link to={`events/${event.id}`}> {event.name} diff --git a/src/components/pages/LeaderBoard.js b/src/components/pages/LeaderBoard.js index 18fef5ca2a5c20d4620ceee21857148b44364e37..dbbf927bf2df38cbe9a02d3d810fbb946e3d45af 100644 --- a/src/components/pages/LeaderBoard.js +++ b/src/components/pages/LeaderBoard.js @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import { Container, Table, Icon } from 'semantic-ui-react'; +import { Container, Table } from 'semantic-ui-react'; import { connect } from 'react-redux'; import { getTrainees } from '../../actions/statistics'; @@ -15,11 +15,11 @@ class LeaderBoard extends Component { - (Number(a.homework_bits) + a.events_visited) }).map((trainee) => { return ( - <Table.Row> + <Table.Row key={trainee.nick}> <Table.Cell textAlign='center'> - {trainee.full_name} + {trainee.full_name} </Table.Cell> - <Table.Cell textAlign='center'> + <Table.Cell textAlign='center' > {trainee.events_visited} </Table.Cell> <Table.Cell textAlign='center'> @@ -54,11 +54,14 @@ class LeaderBoard extends Component { </Table.Row> </Table.Header> <Table.Body> - {this.props.trainees ? this.renderTraineeBits() : - 'Nincsenek kĂŠpzĹdĹk' + <Table.Row> + <Table.Cell> + Nincsenek kĂŠpzĹdĹk + </Table.Cell> + </Table.Row> } </Table.Body> </Table> diff --git a/src/components/pages/Presence.js b/src/components/pages/Presence.js index 224cc5f74e1903988526dcebf77ab5d46fdaf458..7c343c26e53899b993590c76629b5a57afb8b6b9 100644 --- a/src/components/pages/Presence.js +++ b/src/components/pages/Presence.js @@ -14,13 +14,13 @@ class Presence extends Component { return (this.props.events.map((event) => { if (event.visitors.includes(trainee.id)) { return ( - <Table.Cell textAlign='center'> + <Table.Cell textAlign='center' key={Math.random()}> <Icon color='green' name='checkmark' /> </Table.Cell> ); } return ( - <Table.Cell textAlign='center'> + <Table.Cell textAlign='center' key={Math.random()}> <Icon color='red' name='cancel' /> </Table.Cell> ); @@ -31,7 +31,7 @@ class Presence extends Component { renderTraineesWithEvents() { return this.props.trainees.map((trainee) => { return ( - <Table.Row> + <Table.Row key={Math.random()}> <Table.Cell textAlign='center'> {trainee.full_name} </Table.Cell> @@ -44,7 +44,8 @@ class Presence extends Component { // Column for each event renderTableHeaderEvents() { return (this.props.events.map(event => { - return (<Table.HeaderCell textAlign='center'> + return ( + <Table.HeaderCell textAlign='center' key={event.id}> {event.name} </Table.HeaderCell> ) @@ -68,7 +69,11 @@ class Presence extends Component { {this.props.trainees ? this.renderTraineesWithEvents() : - 'Nincsenek kĂŠpzĹdĹk' + <Table.Row> + <Table.Cell> + Nincsenek kĂŠpzĹdĹk + </Table.Cell> + </Table.Row> } </Table.Body> </Table>