limit numeric fields to positive values

ubclaunchpad · Dec 6, 2024 · 38f6aed · 38f6aed
1 parent da44242
commit 38f6aed
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git 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/...s/manual_entry/sections/examinations_and_investigations/ExaminationsAndInvestigations.jsx b/...s/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/...tend/src/pages/manual_entry/sections/surgical_and_patient_info/SurgicalAndPatientInfo.jsx b/...tend/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}>