Notes

/*jshint esversion: 6 */
import React, {Component} from 'react';
import Radio from './components/Radio';
import Table from './components/Table';

class App extends Component {
constructor(props) {
super(props);
this.state = {
parameterState: "name",
sortedPeople: []
};

this.people = [
{
name: "John Sina",
birth: "11/30/2011"
}, {
name: "Barcy Washington",
birth: "09/16/1992"
}, {
name: "Peter Parker",
birth: "01/16/1992"
}, {
name: "Jimmy Shergil",
birth: "12/12/2001"
}, {
name: "Alexander Alfred",
birth: "02/09/1891"
}, {
name: "Krishna Gupta",
birth: "12/01/1982"
}, {
name: "Sania Mirza",
birth: "11/30/2011"
}, {
name: "Lata Pathak",
birth: "10/31/1999"
}
];
}

compareDates(person1, person2) {
// Add comparison logic
const date1 = new Date(person1.birth).getTime();
const date2 = new Date(person2.birth).getTime();
return date1 - date2;
}

compareNames(person1, person2) {
// Add comparison logic
return person2.name.localeCompare(person1.name);
}

sortByParameter(parameterState) {
// set state of 'parameterState' here
this.setState({parameterState});
}

sortBy(type) {
// Complete this...
this.sortByParameter(type);
let sortedPeople = []
if(type=== 'name'){
sortedPeople = people.sort(this.compareNames);
sortedPeople = sortedPeople.reverse();
}
else {
sortedPeople = people.sort(this.compareDates);
}
this.setState({sortedPeople});
}

render() {
// Radio and Table components need props...
// Refer to tests for details...

const {sortedPeople} = this.state

return (
<div className="container-fluid">
<center><h1>Birthday Records</h1></center>
<Radio sortBy={this.sortBy}></Radio>
<Table people={sortedPeople}></Table>
</div>
);
}
}

export default App;