diff --git a/src/js/Components/Sort.js b/src/js/Components/Sort.js index 93f7dad..38c2d2d 100644 --- a/src/js/Components/Sort.js +++ b/src/js/Components/Sort.js @@ -23,7 +23,7 @@ class Sort extends Component { - + diff --git a/src/js/Views/Stock.js b/src/js/Views/Stock.js index 9b3bec1..699d758 100644 --- a/src/js/Views/Stock.js +++ b/src/js/Views/Stock.js @@ -66,7 +66,7 @@ export default class Stock extends React.Component { sortArticles = (sortType) => { let sorted; - //TRI PAR ORDRE ALPHABETIQUE + //TRI PAR ORDRE ALPHABETIQUE OU PRIX if (sortType === "name"){ this.setState({orderIsHidden: false}) if (this.state.lowToHigh) { @@ -76,7 +76,19 @@ export default class Stock extends React.Component { //ordre alphabétique décroissant sorted = [...this.state.articles].sort((a, b) => b.name.localeCompare(a.name)) } + } else if (sortType === "price") { + console.log('tri pix') + this.setState({orderIsHidden: false}) + if (this.state.lowToHigh) { + //ordre croissant + sorted = [...this.state.articles].sort((a, b) => a.price - b.price) + } else { + //ordre décroissant + sorted = [...this.state.articles].sort((a, b) => b.price - a.price) + } + } else { + console.log('autre 1') this.setState({orderIsHidden: true}) this.setState({lowToHigh: false}) sorted = [...this.state.articles].sort((a, b) => b[sortType] - a[sortType]); @@ -88,16 +100,12 @@ export default class Stock extends React.Component { this.setState({onSortedCategories:true}) }) }else{ + console.log('autre 2') this.setState({articles:sorted},() => { console.log(this.state.articles) this.setState({onSortedCategories:false}) }) } - - //TRI PAR PRIX - if (sortType === 'price') { - - } } getArticles = () => { @@ -160,6 +168,7 @@ export default class Stock extends React.Component { } handleChangeSortType = (e) => { + console.log(e.target.value) this.setState({sortType:e.target.value},()=>{ if (this.state.sortType === "Ordre Alphabétique"){ this.sortArticles("name")