diff --git a/src/App.tsx b/src/App.tsx index 5c9550e..a111087 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,6 +8,7 @@ import Catacion from './components/Catacion'; import RegistroLote from './components/RegistroLote' import PruebaTwilio from './components/PruebaTwilio'; import SobreNosotros from './components/SobreNosotros'; +import EnviarAnalisis from './components/EnviarAnalisis'; function App() { @@ -22,6 +23,7 @@ function App() { } /> }> }> + }> }> diff --git a/src/components/AnalisisFisico.tsx b/src/components/AnalisisFisico.tsx index 88ecacb..fe8eda9 100644 --- a/src/components/AnalisisFisico.tsx +++ b/src/components/AnalisisFisico.tsx @@ -96,6 +96,7 @@ export default function AnalisisFisicoPage() { return newMalla } useEffect(() => { + if (newAnalisis.sampleWeight > 0) handleValidation("sampleWeight", true) else handleValidation("sampleWeight", false) if (newAnalisis.excelso > 0) handleValidation("excelso", true) @@ -103,7 +104,7 @@ export default function AnalisisFisicoPage() { let A: number = newAnalisis.defectsWeight ? newAnalisis.defectsWeight : 0 let B: number = newAnalisis.trilla ? newAnalisis.trilla : 0 //reactLote.analysis=newAnalisis - setReactLote({...reactLote, analysis:newAnalisis}) + setReactLote({...reactLote, analysis:newAnalisis, ANALYSYS:true}) setMermaMedida(Number(A) + Number(B)) }, [newAnalisis]); function handleCodigo(e: React.ChangeEvent) { @@ -122,7 +123,7 @@ export default function AnalisisFisicoPage() { let newpcMerma: number = newMerma / newAnalisis2.sampleWeight * 100 newpcMerma = parseFloat(newpcMerma.toFixed(2)) setNewAnalisis({ ...newAnalisis2, factordeRendimiento: newfactordeRendimiento, Merma: newMerma, pcMerma: newpcMerma}) - + } function handleDefectValue(event: React.ChangeEvent): void { @@ -276,6 +277,11 @@ export default function AnalisisFisicoPage() {

Defectos

+ + Mira los defectos físicos +
@@ -343,6 +349,9 @@ export default function AnalisisFisicoPage() {

Resultados:


+ + Precio del día +

Factor de rendimiento: {newAnalisis.factordeRendimiento}

Porcentaje de Merma: {newAnalisis.pcMerma}%

Densidad: {newAnalisis?.density} g/ml

diff --git a/src/components/BarraNavegacion.tsx b/src/components/BarraNavegacion.tsx index 336d711..a9bab6a 100644 --- a/src/components/BarraNavegacion.tsx +++ b/src/components/BarraNavegacion.tsx @@ -2,8 +2,9 @@ import React from 'react'; import { Link } from 'react-router-dom'; import { Lote } from './MyTypes'; import logo from "../assets/images/logo.svg" +import { createLote } from './LoteInfo'; -function BarraNavegacion ({miLote}:{miLote:Lote}){ +function BarraNavegacion ({miLote=createLote()}:{miLote?:Lote}){ return (
@@ -21,7 +22,7 @@ function BarraNavegacion ({miLote}:{miLote:Lote}){ Catación
- Enviar Análisis + Enviar Análisis
([{...miLote}]); const [catador, setCatador] = useState(''); - const [catacionElements, setCatacionElements] = useState([EMPTY_CUPPING]); + const [catacionElements, setCatacionElements] = useState([miLote.cupping]); const [defectValue, setDefectValue] = useState({ id: 0, name: '' }); useEffect(()=>{ - setReactLote(lotes=>{ - lotes.map(lote=>{}) - }) - setCatacionElements(prevData => - prevData.map(data => - data.id === id ? { ...data, [Propiedad]: newValue } : data - ) - ); - reactLote[0].cupping= + reactLote[0].cupping = catacionElements[0] + reactLote[0].CUPPING=true + setReactLote(reactLote) },[catacionElements]) const handleCatador = (e: React.ChangeEvent) => { const newCatador= e.target.value @@ -300,7 +294,7 @@ export default function Catacion() { {catacionElements.map(catacionElement => ( -

Muestra {catacionElement.id}


+

Muestra {catacionElement?.id}


{}}/> @@ -321,7 +315,7 @@ export default function Catacion() { handleScoreChange(catacionElement.id, "fragancia", value as puntajeSCA) } /> -