From 38f6aed605b86eb86621c5c764f10225b9d14f0a Mon Sep 17 00:00:00 2001
From: melkent <melanie.s.kent@gmail.com>
Date: Thu, 5 Dec 2024 21:41:01 -0800
Subject: [PATCH] limit numeric fields to positive values

---
 frontend/src/components/Inputs/CLInputs.jsx               | 1 +
 .../ExaminationsAndInvestigations.jsx                     | 8 ++++----
 .../surgical_and_patient_info/SurgicalAndPatientInfo.jsx  | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Inputs/CLInputs.jsx b/frontend/src/components/Inputs/CLInputs.jsx
index a464d38b..0ef6eac7 100644
--- a/frontend/src/components/Inputs/CLInputs.jsx
+++ b/frontend/src/components/Inputs/CLInputs.jsx
@@ -13,6 +13,7 @@ export const CLInputWithUnits = ({
       <input
         className="input-with-units"
         type="number"
+        min="0"
         placeholder={placeholder}
       />
       <div className="input-units">
diff --git a/frontend/src/pages/manual_entry/sections/examinations_and_investigations/ExaminationsAndInvestigations.jsx b/frontend/src/pages/manual_entry/sections/examinations_and_investigations/ExaminationsAndInvestigations.jsx
index 95953269..9c6320c3 100644
--- a/frontend/src/pages/manual_entry/sections/examinations_and_investigations/ExaminationsAndInvestigations.jsx
+++ b/frontend/src/pages/manual_entry/sections/examinations_and_investigations/ExaminationsAndInvestigations.jsx
@@ -32,19 +32,19 @@ export const ExaminationsAndInvestigations = () => {
             <Grid size={4}>
               <div>
                 <p className="input-title">BMI</p>
-                <input className="manual-entry-input" type="number" placeholder="24.2 kg/m2" />
+                <input className="manual-entry-input" type="number" min="0" placeholder="24.2 kg/m2" />
               </div>
             </Grid>
             <Grid size={12}>
               <div>
                 <p className="input-title">Veins</p>
-                <input className="manual-entry-input" type="number" placeholder="Veins" />
+                <input className="manual-entry-input" type="number" min="0" placeholder="Veins" />
               </div>
             </Grid>
             <Grid size={12}>
               <div>
                 <p className="input-title">Allen Test</p>
-                <input className="manual-entry-input" type="number" placeholder="Allen Test" />
+                <input className="manual-entry-input" type="number" min="0" placeholder="Allen Test" />
               </div>
             </Grid>
             <Grid size={12}>
@@ -67,7 +67,7 @@ export const ExaminationsAndInvestigations = () => {
             <Grid size={6}>
               <div>
                 <p className="input-title">EF</p>
-                <input className="manual-entry-input" type="number" placeholder="60%" />
+                <input className="manual-entry-input" type="number" min="0" placeholder="60%" />
               </div>
             </Grid>
             <Grid size={6}>
diff --git a/frontend/src/pages/manual_entry/sections/surgical_and_patient_info/SurgicalAndPatientInfo.jsx b/frontend/src/pages/manual_entry/sections/surgical_and_patient_info/SurgicalAndPatientInfo.jsx
index be922511..b147ec8f 100644
--- a/frontend/src/pages/manual_entry/sections/surgical_and_patient_info/SurgicalAndPatientInfo.jsx
+++ b/frontend/src/pages/manual_entry/sections/surgical_and_patient_info/SurgicalAndPatientInfo.jsx
@@ -67,7 +67,7 @@ export const SurgicalAndPatientInfo = () => {
           <Grid size={6}>
             <div>
               <p className="input-title">Age</p>
-              <input className="manual-entry-input" type="number" placeholder="40"/>
+              <input className="manual-entry-input" type="number" min="0" placeholder="40"/>
             </div>
           </Grid>
           <Grid size={6}>