From 60294eed6b58a2ebda095a5c4ede09f5ece9f549 Mon Sep 17 00:00:00 2001
From: Kongzibapt <53861741+Kongzibapt@users.noreply.github.com>
Date: Sun, 7 Feb 2021 12:24:17 +0100
Subject: [PATCH] Arrow up when menu selected

---
 img/arrow_select_up.png                 | Bin 0 -> 352 bytes
 public/img/arrow_select_up.png          | Bin 0 -> 352 bytes
 src/css/Components/sort.css             |   8 +++++++-
 src/img/arrow_select_up.png             | Bin 0 -> 352 bytes
 src/js/Components/ArticlesByCategory.js |   4 +---
 src/js/Components/Sort.js               |  11 ++++++++---
 6 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 img/arrow_select_up.png
 create mode 100644 public/img/arrow_select_up.png
 create mode 100644 src/img/arrow_select_up.png

diff --git a/img/arrow_select_up.png b/img/arrow_select_up.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a6036131742d28358d71eafd5925fea1b44096a
GIT binary patch
literal 352
zcmeAS@N?(olHy`uVBq!ia0vp^+91rq1|%QG79IdnjKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85p>QL70(Y)*K0-;8#x<$B+p3x91-6HW>&UEp#hjF;5n8F9aeM
z_XBqC=Q_S~Y7l#P__r!A<E_{Gg$02?s_kLaHD>=hEA=+J(@Zw!C3_6m`sV6OIP#pH
zqb{MyGpo49fJtK0k-~#JW-!jQo*(?5|5)oDi_69S`Rfn<Zz>ejKU3o*d+%-WhI#|N
z2d*>c2eiNcW_?3nqPfyhjkoki{_Uo32PIA%oOv^#y>^>zhIo&o%#28pR~zp4v3@-$
zalmnA=t92dZz?v}O0ZihY}UN;a8EDiHrB@hk>-37tGP;NBtPC4m-=uY_x3g6eEo}O
qw^*IgUTs&j>ZJkD@e{LRzq4f;DQgy*Pd@+*00vK2KbLh*2~7a0po4M%

literal 0
HcmV?d00001

diff --git a/public/img/arrow_select_up.png b/public/img/arrow_select_up.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a6036131742d28358d71eafd5925fea1b44096a
GIT binary patch
literal 352
zcmeAS@N?(olHy`uVBq!ia0vp^+91rq1|%QG79IdnjKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85p>QL70(Y)*K0-;8#x<$B+p3x91-6HW>&UEp#hjF;5n8F9aeM
z_XBqC=Q_S~Y7l#P__r!A<E_{Gg$02?s_kLaHD>=hEA=+J(@Zw!C3_6m`sV6OIP#pH
zqb{MyGpo49fJtK0k-~#JW-!jQo*(?5|5)oDi_69S`Rfn<Zz>ejKU3o*d+%-WhI#|N
z2d*>c2eiNcW_?3nqPfyhjkoki{_Uo32PIA%oOv^#y>^>zhIo&o%#28pR~zp4v3@-$
zalmnA=t92dZz?v}O0ZihY}UN;a8EDiHrB@hk>-37tGP;NBtPC4m-=uY_x3g6eEo}O
qw^*IgUTs&j>ZJkD@e{LRzq4f;DQgy*Pd@+*00vK2KbLh*2~7a0po4M%

literal 0
HcmV?d00001

diff --git a/src/css/Components/sort.css b/src/css/Components/sort.css
index 9d4dad5..49ce3c8 100644
--- a/src/css/Components/sort.css
+++ b/src/css/Components/sort.css
@@ -37,7 +37,13 @@
                 background-position-y: center;
                 background-position-x: 16vw;
             }
-            
+
+            #unwoundMenu{
+                background: url("../../img/arrow_select_up.png") no-repeat;
+                background-size: 2.5vw;
+                background-position-y: center;
+                background-position-x: 16vw;
+            }
 
                 #sortSelect{
                     background: transparent;
diff --git a/src/img/arrow_select_up.png b/src/img/arrow_select_up.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a6036131742d28358d71eafd5925fea1b44096a
GIT binary patch
literal 352
zcmeAS@N?(olHy`uVBq!ia0vp^+91rq1|%QG79IdnjKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85p>QL70(Y)*K0-;8#x<$B+p3x91-6HW>&UEp#hjF;5n8F9aeM
z_XBqC=Q_S~Y7l#P__r!A<E_{Gg$02?s_kLaHD>=hEA=+J(@Zw!C3_6m`sV6OIP#pH
zqb{MyGpo49fJtK0k-~#JW-!jQo*(?5|5)oDi_69S`Rfn<Zz>ejKU3o*d+%-WhI#|N
z2d*>c2eiNcW_?3nqPfyhjkoki{_Uo32PIA%oOv^#y>^>zhIo&o%#28pR~zp4v3@-$
zalmnA=t92dZz?v}O0ZihY}UN;a8EDiHrB@hk>-37tGP;NBtPC4m-=uY_x3g6eEo}O
qw^*IgUTs&j>ZJkD@e{LRzq4f;DQgy*Pd@+*00vK2KbLh*2~7a0po4M%

literal 0
HcmV?d00001

diff --git a/src/js/Components/ArticlesByCategory.js b/src/js/Components/ArticlesByCategory.js
index 567d82d..c353cfa 100644
--- a/src/js/Components/ArticlesByCategory.js
+++ b/src/js/Components/ArticlesByCategory.js
@@ -16,10 +16,8 @@ class ArticlesByCategory extends React.Component {
     }
 
     componentDidUpdate(){
+        console.log(this.state.articles);
         
-        if (this.props.onSearch){
-        // implémenter une fonction de recherche en React sur articles
-        }
     }
 
     splitArticlesCategories = () => {
diff --git a/src/js/Components/Sort.js b/src/js/Components/Sort.js
index 54d20be..11c469b 100644
--- a/src/js/Components/Sort.js
+++ b/src/js/Components/Sort.js
@@ -6,10 +6,15 @@ class Sort extends Component {
     constructor(props){
         super(props)
         this.state = {
-            
+            unwound:false
         }
     }
 
+    changeArrowDirection = () => {
+        console.log('ok');
+        this.setState({unwound:!this.state.unwound})
+    }
+
     render() {
         return (
             <div id="sortBox">
@@ -18,8 +23,8 @@ class Sort extends Component {
                 </div>
                 <div id="selectAndOrder">
                     <div id="selectBlock">
-                        <div id="selectBox">
-                            <select id="sortSelect" onChange={this.props.handleChangeSortType}>
+                        <div id={this.state.unwound ? 'unwoundMenu' : 'selectBox'}  >
+                            <select id='sortSelect' onClick={this.changeArrowDirection} onChange={this.props.handleChangeSortType}>
                                 <option className="optionSort" value="name">Ordre Alphabétique</option>
                                 <option className="optionSort" value="category_id">Catégorie</option>
                                 <option className="optionSort" value="quantity">Quantité</option>