From 1de84726e09046bd97d3a5af761ea61bfdc4da36 Mon Sep 17 00:00:00 2001
From: Flo E <ehr@etud.insa-toulouse.fr>
Date: Sat, 6 Feb 2021 00:40:59 +0100
Subject: [PATCH] =?UTF-8?q?Les=20tris=20ordre=20croissant/decroissant=20fo?=
 =?UTF-8?q?nctionnent=20ind=C3=A9pendamment,=20il=20faut=20rendre=20=C3=A7?=
 =?UTF-8?q?a=20generique?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/Components/Sort.js |  2 +-
 src/js/Views/Stock.js     | 21 +++++++++++++++------
 2 files changed, 16 insertions(+), 7 deletions(-)

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 {
                                 <option className="optionSort" value="Ordre Alphabétique">Ordre Alphabétique</option>
                                 <option className="optionSort" value="Catégorie">Catégorie</option>
                                 <option className="optionSort" value="Quantité">Quantité</option>
-                                <option className="optionSort" value="Quantité">Prix</option>
+                                <option className="optionSort" value="Prix">Prix</option>
                             </select>
                         </div>
                     </div>
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")