new component Selected

src/css/Components/selected.css

@@ -0,0 +1,10 @@
+#selectedBox{
+    display: flex;
+}
+
+#selectedTxt{
+    color : white;
+    text-align: center;
+    font-family: 'Wellfleet', cursive;
+    font-size:2vw
+}

src/css/Views/stock.css

@@ -7,6 +7,12 @@
     display:flex
 }
 
+#selectedBlock{
+    display:flex;
+    justify-content:center;
+    margin-top:3vh;
+}
+
 #articleBlock{
     display:flex;
     justify-content: center;

src/js/Components/Selected.js

@@ -0,0 +1,22 @@
+import React, { Component } from 'react';
+import '../../css/Components/selected.css'
+
+class Selected extends Component {
+
+    constructor(props){
+        super(props)
+        this.state = {
+
+        }
+    }
+
+    render() {
+        return (
+            <div id="selectedBox">
+                <p id="selectedTxt">Vous avez sélectionné 3 articles</p>
+            </div>
+        );
+    }
+}
+
+export default Selected;

src/js/Views/Stock.js

@@ -16,6 +16,7 @@ import Categories from '../Components/Categories';
 import EditCategory from '../Components/EditCategory';
 import Sort from '../Components/Sort';
 import { Link } from 'react-router-dom';
+import Selected from '../Components/Selected';
 
 export default class Stock extends React.Component {
 
@@ -197,6 +198,9 @@ sortArticles = (sortType) => {
               <div id="sortBlock">
                 <Sort handleChangeSortType={this.handleChangeSortType}/>
               </div>
+              <div id="selectedBlock">
+                <Selected/>
+              </div>
               <div id="articleBlock">
               {this.state.articles && this.state.articles[0] ? 
                 this.state.onSortedCategories ?