|
@@ -13,6 +13,8 @@ function Tables({persons}) {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ var currentDate = new Date()
|
|
|
|
|
|
const sortedpersons = persons.sort(function(a, b){return b.speed - a.speed});
|
|
|
|
|
@@ -20,13 +22,13 @@ function Tables({persons}) {
|
|
|
<div>
|
|
|
<div className="header">
|
|
|
<p>RACE</p>
|
|
|
- <p>09.12.19</p>
|
|
|
+ <p>{currentDate.getDate()}.{currentDate.getMonth() + 1}.{currentDate.getFullYear()}</p>
|
|
|
</div>
|
|
|
<div id="online">
|
|
|
{sortedpersons.filter(person => person.speed>0).map((person, index) => {
|
|
|
return (
|
|
|
<div key={person.name} className="person" id={person.name} data-status={person.speed>0 ? "online" : "offline"} onClick={addEventlistener(person.name)}>
|
|
|
-
|
|
|
+ {person.longitude}-{person.latitude}-
|
|
|
<div className='rank'>{index + 1}</div>
|
|
|
<div className='color' style={{backgroundColor: person.color}}> </div>
|
|
|
{person.shortName}
|