[fix]: restrict negative age, add age input validation

sanam2405 · Feb 1, 2024 · 4baaca9 · ciphercoder1999 · Apr 13, 2024 · 4baaca9
1 parent b0ffe29
commit 4baaca9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/frontend/src/components/FriendsPage.jsx b/frontend/src/components/FriendsPage.jsx
@@ -118,8 +118,11 @@ function FriendsPage() {
 	const [college, setCollege] = useState('Jadavpur University')
 
 	const handleAgeChange = event => {
-		setAge(event.target.value)
+		const inputValue = parseFloat(event.target.value)
+		const newAge = inputValue <= 0 || inputValue > 125 ? 1 : inputValue
+		setAge(newAge)
 	}
+
 	const handleGenderChange = event => {
 		setGender(event.target.value)
 	}
@@ -305,6 +308,9 @@ function FriendsPage() {
 											id='outlined-number'
 											label='Required'
 											type='number'
+											InputProps={{
+												inputProps: { min: 1, max: 125 },
+											}}
 											InputLabelProps={{
 												shrink: true,
 											}}

diff --git a/frontend/src/components/Map.jsx b/frontend/src/components/Map.jsx
@@ -55,7 +55,9 @@ function Map() {
 	const [sliderValue, setSliderValue] = useState(50)
 
 	const handleAgeChange = event => {
-		setAge(event.target.value)
+		const inputValue = parseFloat(event.target.value)
+		const newAge = inputValue <= 0 || inputValue > 125 ? 1 : inputValue
+		setAge(newAge)
 	}
 	const handleGenderChange = event => {
 		setGender(event.target.value)
@@ -434,6 +436,9 @@ function Map() {
 								type='number'
 								value={age}
 								onChange={handleAgeChange}
+								InputProps={{
+									inputProps: { min: 1, max: 125 },
+								}}
 								InputLabelProps={{
 									shrink: true,
 								}}