From 7ec0e43acc051bab4e8d7edeb546f6e8d1dd1434 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sun, 10 Jan 2021 12:48:28 -0300
Subject: [PATCH 1/2] adicionei os filtros quantidade de produto e
 crescente/decrescente

---
 src/App.js                            | 44 +++++++++++++++++++++++++--
 src/Components/Filtro/Filtro.js       | 19 ++++++++++--
 src/Components/Filtro/FiltroMinMax.js | 22 --------------
 3 files changed, 57 insertions(+), 28 deletions(-)
 delete mode 100644 src/Components/Filtro/FiltroMinMax.js

diff --git a/src/App.js b/src/App.js
index ca93521..24a70f5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -77,7 +77,8 @@ export default class App extends Component {
   },
   ], 
 
-  textoInput: ''
+  textoInput: '',
+  // inputCrescente: "Crescente"
 
   }
 
@@ -87,6 +88,26 @@ export default class App extends Component {
     console.log('TEXTO INPUT', this.state.textoInput)
     }
 
+    onChangeCrecente = (e) => {
+      this.setState({ inputCrescente: e.target.value });
+      switch (this.state.inputCrescente) {
+        case "Crescente":
+          return this.setState({
+            ListaProdutos: this.state.ListaProdutos.sort(function (a, b) {
+              return b.value - a.value;
+            }),
+          });
+        case "Decrescente":
+          return this.setState({
+            ListaProdutos: this.state.produtos.sort(function (a, b) {
+              return a.value - b.value;
+            }),
+          });
+        default:
+          return true;
+      }
+  
+    }
 
   filtraProdutosBusca = () => {
     
@@ -96,7 +117,7 @@ export default class App extends Component {
    render() {
 
     const listaFiltrada = this.filtraProdutosBusca()
-    console.log(listaFiltrada)
+    
 
     const componentProduto = listaFiltrada.map((produto) => {
       return (
@@ -113,8 +134,25 @@ export default class App extends Component {
 
     return(
       <Loja>
+        <header>
+        <p>Quantidade de produtos: {listaFiltrada.length}</p>
+              <select
+                value={this.state.inputCrescente}
+                onChange={this.onChangeCrecente}
+              >
+                <option value="Crescente">Preco: Crescente</option>
+                <option value="Decrescente">Preco: Decrescente</option>
+              </select>
+        </header>
+
+
+        <Filtro 
+        
+        filtraProdutosBusca={this.onChangeTextoInput} textoInput={this.state.textoInput}
         
-        <Filtro filtraProdutosBusca={this.onChangeTextoInput} textoInput={this.state.textoInput}/>             
+        
+
+        />             
 
         <ContainerProdutos>
         {componentProduto}
diff --git a/src/Components/Filtro/Filtro.js b/src/Components/Filtro/Filtro.js
index 4e1f36c..a6bf29e 100644
--- a/src/Components/Filtro/Filtro.js
+++ b/src/Components/Filtro/Filtro.js
@@ -1,7 +1,6 @@
 import React, { Component } from 'react'
 import styled from 'styled-components'
-// import FiltroBuscaProd from './FiltroBuscaProd'
-import FiltroMinMax from './FiltroMinMax'
+
 
 
 const BoxFiltro = styled.div`
@@ -21,11 +20,25 @@ export default class Filtro extends React.Component {
             <BoxFiltro>
                 <h2>Filtros</h2>                
                 
-                <FiltroMinMax />
+                          
+                {/* <FiltroMinMax /> */}
+
+                <p>Quantidade de produtos: {(e)=>this.props.listaFiltrada.length(e)}</p>
+
+
+                <valMinMax>                               
+                 <label for="VMin" > Valor Mínimo: </label>
+                <input id="VMin" type="number" onChange="" />
+                
+                <label for="VMax"> Valor Máximo: </label>
+                <input id="VMax" type="number" onChange="" /> 
+                               
+                </valMinMax>
 
                 <label for="BuscaProd"> Buscar Produto: </label>
                 <input id="BuscaProd" type="text" value= {this.props.textoInput} onChange={(e)=>this.props.filtraProdutosBusca(e)} /> 
 
+
             </BoxFiltro>
         )
     }
diff --git a/src/Components/Filtro/FiltroMinMax.js b/src/Components/Filtro/FiltroMinMax.js
deleted file mode 100644
index e7effba..0000000
--- a/src/Components/Filtro/FiltroMinMax.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React, { Component } from 'react'
-import styled from 'styled-components'
-
-const valMinMax = styled.div`
-margin: flex;`
-
-
-
-export default class FiltroMinMax extends Component {
-    render() {
-        return (
-            <valMinMax>                               
-                 <label for="VMin" > Valor Mínimo: </label>
-                <input id="VMin" type="number" onChange="" />
-                
-                <label for="VMax"> Valor Máximo: </label>
-                <input id="VMax" type="number" onChange="" /> 
-                               
-            </valMinMax>
-        )
-    }
-}
\ No newline at end of file

From 493cb87297fe81a98e08a6100f95fb1910d44fd4 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sun, 10 Jan 2021 19:43:38 -0300
Subject: [PATCH 2/2] filtros

---
 src/App.js                      | 30 +++++++-----------------------
 src/Components/Filtro/Filtro.js |  2 +-
 2 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/src/App.js b/src/App.js
index 24a70f5..2cd54b8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -78,7 +78,7 @@ export default class App extends Component {
   ], 
 
   textoInput: '',
-  // inputCrescente: "Crescente"
+  inputCrescente: "Crescente"
 
   }
 
@@ -88,12 +88,12 @@ export default class App extends Component {
     console.log('TEXTO INPUT', this.state.textoInput)
     }
 
-    onChangeCrecente = (e) => {
+    onChangeCrescente = (e) => {
       this.setState({ inputCrescente: e.target.value });
       switch (this.state.inputCrescente) {
         case "Crescente":
           return this.setState({
-            ListaProdutos: this.state.ListaProdutos.sort(function (a, b) {
+            ListaProdutos: this.state.produtos.sort(function (a, b) {
               return b.value - a.value;
             }),
           });
@@ -108,7 +108,7 @@ export default class App extends Component {
       }
   
     }
-
+    
   filtraProdutosBusca = () => {
     
     return this.state.produtos.filter(produto => produto.name.includes(this.state.textoInput) ) 
@@ -117,7 +117,7 @@ export default class App extends Component {
    render() {
 
     const listaFiltrada = this.filtraProdutosBusca()
-    
+    console.log(listaFiltrada)
 
     const componentProduto = listaFiltrada.map((produto) => {
       return (
@@ -134,25 +134,9 @@ export default class App extends Component {
 
     return(
       <Loja>
-        <header>
-        <p>Quantidade de produtos: {listaFiltrada.length}</p>
-              <select
-                value={this.state.inputCrescente}
-                onChange={this.onChangeCrecente}
-              >
-                <option value="Crescente">Preco: Crescente</option>
-                <option value="Decrescente">Preco: Decrescente</option>
-              </select>
-        </header>
-
-
-        <Filtro 
-        
-        filtraProdutosBusca={this.onChangeTextoInput} textoInput={this.state.textoInput}
         
-        
-
-        />             
+        <Filtro quantidade = {listaFiltrada.length}
+        filtraProdutosBusca={this.onChangeTextoInput} textoInput={this.state.textoInput}/>             
 
         <ContainerProdutos>
         {componentProduto}
diff --git a/src/Components/Filtro/Filtro.js b/src/Components/Filtro/Filtro.js
index a6bf29e..a7a2c0c 100644
--- a/src/Components/Filtro/Filtro.js
+++ b/src/Components/Filtro/Filtro.js
@@ -23,7 +23,7 @@ export default class Filtro extends React.Component {
                           
                 {/* <FiltroMinMax /> */}
 
-                <p>Quantidade de produtos: {(e)=>this.props.listaFiltrada.length(e)}</p>
+                <p>Quantidade de produtos: {this.props.quantidade}</p>
 
 
                 <valMinMax>