From 4baaca9e5c3a2863041836f6d11d1997307c46b8 Mon Sep 17 00:00:00 2001 From: Manas Pratim Biwas Date: Thu, 1 Feb 2024 22:59:46 +0530 Subject: [PATCH] [fix]: restrict negative age, add age input validation --- frontend/src/components/FriendsPage.jsx | 8 +++++++- frontend/src/components/Map.jsx | 7 ++++++- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/FriendsPage.jsx b/frontend/src/components/FriendsPage.jsx index 1d2ccc6..3c1d67d 100644 --- 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 index efe01bc..e3add51 100644 --- 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, }}