Arrow up when menu selected

src/css/Components/sort.css

@@ -38,6 +38,12 @@
                 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;

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 = () => {

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">
+                        <div id={this.state.unwound ? 'unwoundMenu' : 'selectBox'}  >
-                            <select id="sortSelect" onChange={this.props.handleChangeSortType}>
+                            <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>