2017-07-11 18:09:16 +00:00
|
|
|
import React from 'react'
|
|
|
|
|
|
|
|
import Achievement from "./Achievement.js";
|
|
|
|
|
|
|
|
export default ({achievements, id, completed}) => {
|
|
|
|
console.log("completed: ", completed);
|
|
|
|
if(!achievements) {
|
|
|
|
return <div>Loading...</div>
|
|
|
|
}
|
|
|
|
|
2017-07-14 21:21:35 +00:00
|
|
|
const list = [...achievements].sort((a, b) => {
|
2017-07-11 18:09:16 +00:00
|
|
|
if (a.number === b.number)
|
|
|
|
return a.letter > b.letter;
|
|
|
|
return a.number > b.number;
|
|
|
|
}).map(achievement => (
|
|
|
|
<Achievement key={achievement.id} {...achievement} />
|
|
|
|
));
|
|
|
|
|
|
|
|
return <div>
|
|
|
|
{list}
|
|
|
|
</div>
|
|
|
|
}
|