From a7884d9a3b4883254a979124e14663b887b85821 Mon Sep 17 00:00:00 2001
From: Kongzibapt <53861741+Kongzibapt@users.noreply.github.com>
Date: Wed, 3 Feb 2021 16:00:21 +0100
Subject: [PATCH] new component Selected

---
 src/css/Components/selected.css | 10 ++++++++++
 src/css/Views/stock.css         |  6 ++++++
 src/js/Components/Selected.js   | 22 ++++++++++++++++++++++
 src/js/Views/Stock.js           |  4 ++++
 4 files changed, 42 insertions(+)
 create mode 100644 src/css/Components/selected.css
 create mode 100644 src/js/Components/Selected.js

diff --git a/src/css/Components/selected.css b/src/css/Components/selected.css
new file mode 100644
index 0000000..d9581c6
--- /dev/null
+++ b/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
+}
\ No newline at end of file
diff --git a/src/css/Views/stock.css b/src/css/Views/stock.css
index 1d54396..d895d16 100644
--- a/src/css/Views/stock.css
+++ b/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;
diff --git a/src/js/Components/Selected.js b/src/js/Components/Selected.js
new file mode 100644
index 0000000..a718e4b
--- /dev/null
+++ b/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;
\ No newline at end of file
diff --git a/src/js/Views/Stock.js b/src/js/Views/Stock.js
index 7828b44..e07be9b 100644
--- a/src/js/Views/Stock.js
+++ b/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 ?